在HTML里我们常常会插入图片,那么插入图片需要怎么实现?让HTML显示图片有什么需要什么主意的方面吗?今天我们就来说一下怎样在HTML插入图片
在html插入图片 让图片显示需要HTML标签来实现,使用img标签即可实现。
html图片标签语法
815cbe4d3a73b603bf4d27794e1287e5
img介绍:
src 后跟的是图片路径地址
width 设置图片宽度
height 设置图片高度
具体html 图片显示实例
我们在html源代码中分别插入三张图片,一张原始大、一张将宽度高度改小小、一张将宽度高度改大。
1、实例完整html代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片插入html 在线演示</title> </head> <body> <p>原始大图片</p> <p> <img src="1.gif" width="165" height="60" /> </p> <p>改小图片</p> <p> <img src="2.gif" width="105" height="30" /> </p> <p>改大图片</p> <p> <img src="3.gif" width="365" height="120" /> </p> </body> </html>
以上就是在HTML里插入图片的步奏,更多精彩请关注php中文网其它相关文章!
以上是html里怎么插入图片的详细内容。更多信息请关注PHP中文网其他相关文章!