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元素必须属性

属性描述
urlurl值,指定img链接的图片位置
alt自定义文本(通常认为是必须的属性),指定图像的替代文本,即当图片无法加载的时候显示的文本

img元素可选属性

属性描述
height像素值或百分比值,指定图像高度
width像素值或百分比值,指定图像宽度
ismapurl值,将图像定义为服务器端图像映射
loading值为eager或lazy,分别指定浏览器立即加载和延迟加载图像
usemapurl值,指定将图像定义为客户端图像映射
width像素值或百分比值,指定图像宽度

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.