如何在HTML插入图片,让HTML显示图片,html图片显示应该如何实现?
在html插入图片 让图片显示需要HTML标签来实现,使用img标签即可实现。
- <imgsrc="divcss5-logo-201305.gif"width="165"height="60"/
img介绍:
src 后跟的是图片路径地址
width 设置图片宽度
height 设置图片高度
我们在html源代码中分别插入三张图片,一张原始大、一张将宽度高度改小小、一张将宽度高度改大。
1、实例完整html代码:
- <!DOCTYPEhtml
- <html
- <head
- <metacharset="utf-8"/
- <title图片插入html在线演示www.divcss5.com</title
- </head
- <body
- <p原始大图片</p
- <p
- <imgsrc="divcss5-logo-201305.gif"width="165"height="60"/
- </p
- <p改小图片</p
- <p
- <imgsrc="divcss5-logo-201305.gif"width="105"height="30"/
- </p
- <p改大图片</p
- <p
- <imgsrc="divcss5-logo-201305.gif"width="365"height="120"/
- </p
- </body
- </html
2、html插入图片实例截图
html图片插入显示实例截图
3、在线演示:查看案例
4、实例下载
立即下载 (3.178KB)
在html网页中显示图片,插入图片,通过使用img标签来实现,通过也可以将图片作为CSS网页背景图片显示插入到Html网页中(css 背景图片)。
图片相关文章教程:
1、css img
2、css背景
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。
新闻热点
疑难解答