<img> html图片标签学习
2019年11月30日
作者:佚名
1、img是自力一个自闭合标签,<img .../>,不像div标签以<div>劈头劈脸以</div>结束
2、img功能简介
html代码中需要img是引入图片的标签。
3、图片img构造
<img src="images/logo.gif" width="100" height="60" alt="CSS5网站" />
img标签必需设置属性为src(图片路径配置的属性),其它均可设置装备摆设也笼统不设置。
重点:img标签内src属性是必须的,也是引入图片到html的图片蹊径地点设置装备摆设处。
4、img标签元素结构剖析教程图
如下是img图片标签剖析图:
html元素之图片img元素阐发图
5、实例代码
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>html图片img标签使用</title> </head>
<body> <img src="//www.css5.com.cn/images201610/logo.gif" alt="CSS5网站logo" /> </body> </html>
以上代码看出img标签设置图片元素在HTML内,src图片所在设置内部网址图片所在,设置装备摆设描述alt属性,没有设置装备摆设宽度、高度与其它属性。
6、截图
成效用img在网页设置图片