HTML <img>标签及属性表
<img>标签
img元素用来定义HTML文档中的图片,通过img元素的url属性对图片进行链接,如果是站内的图像,一般采用相对路径。
img实例代码,及在线编辑器
<img src='../../static/img/bmi.jpg' alt='bmi在线计算器' style='width:100%;height:100%'>
实例代码解析
如上代码,img没有结束标签,src是必须的属性,否则img元素无法链接到图片。alt通常也被认为是必须的属性,因为这在设计上对机器比较友好,对用于的阅读、使用也比较友好。
img元素必须属性
属性 | 描述 |
---|---|
url | url值,指定img链接的图片位置 |
alt | 自定义文本(通常认为是必须的属性),指定图像的替代文本,即当图片无法加载的时候显示的文本 |
img元素可选属性
属性 | 描述 |
---|---|
height | 像素值或百分比值,指定图像高度 |
width | 像素值或百分比值,指定图像宽度 |
ismap | url值,将图像定义为服务器端图像映射 |
loading | 值为eager或lazy,分别指定浏览器立即加载和延迟加载图像 |
usemap | url值,指定将图像定义为客户端图像映射 |
width | 像素值或百分比值,指定图像宽度 |