在html插入图片 让图片显示需要HTML标签来实现,使用img标签即可实现。在html中插入图片来显示图片需要HTML标签,使用img标签可以实现。
1.html图像标记语法
复制代码
代码如下:
<img src="divcss5-logo-201305.gif" width="165" height="60" />& ltimg src = " div CSS 5-logo-201305 . gif " width = " 165 " height = " 60 "/& gt。
Img简介:
Src后面是图片路径地址
宽度设置图片宽度
高度设置图片高度
二、具体的html图片显示示例——TOP
我们在html源代码中插入三个图片,一个是原创,一个是宽高缩小,一个是宽高增大。
1.实例的完整html代码:
复制代码
代码如下:
& lt!DOCTYPE html>。
& lthtml>。
& lthead>。
& ltmeta charset="utf-8" />
& lttitle>。图像插入html在线演示
& lt/head>。
& ltbody>。
& ltp>。原创大图
& ltp>。
<img src="divcss5-logo-201305.gif" width="165" height="60" />& ltimg src = " div CSS 5-logo-201305 . gif " width = " 165 " height = " 60 "/& gt。
& lt/p>。
& ltp>。换小图
& ltp>。
<img src="divcss5-logo-201305.gif" width="105" height="30" />& ltimg src = " div CSS 5-logo-201305 . gif " width = " 105 " height = " 30 "/& gt。
& lt/p>。
& ltp>。放大图片
& ltp>。
<img src="divcss5-logo-201305.gif" width="365" height="120" />& ltimg src = " div CSS 5-logo-201305 . gif " width = " 365 " height = " 120 "/& gt。
& lt/p>。
& lt/body>。
& lt/html>。
2.html插入图片示例的截图
html图片插入显示示例截图
本文由网站建设的免费材料圈sucaiq.com分享!!!
如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢各位对物质圈的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!
1.《html插入图片 html插入图片示例》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《html插入图片 html插入图片示例》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/junshi/1283305.html