在html里我们常常会插入图片,那么插入图片需要怎么实现?让html显示图片有什么需要什么主意的方面吗?今天我们就来说一下怎样在html插入图片
在html插入图片 让图片显示需要HTML标签来实现,使用img标签即可实现。
html图片标签语法
style="max-width:90%" />
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" style="max-width:90%" style="max-width:90%" / alt="html里怎么插入图片" > </p> <p>改小图片</p> <p> <img src="2.gif" style="max-width:90%" style="max-width:90%" / alt="html里怎么插入图片" > </p> <p>改大图片</p> <p> <img src="3.gif" style="max-width:90%" style="max-width:90%" / alt="html里怎么插入图片" > </p> </body> </html>
以上就是在HTML里插入图片的步奏,更多精彩请关注php中文网其它相关文章!
以上就是html里怎么插入图片的详细内容,更多请关注php中文网其它相关文章!
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号