HTML5 图片标签(img标签)
以下为学做网站论坛关于“HTML5 图片标签(img标签)”讲解视频教程。
选择课程播放速度:
HTML5 图片标签又叫img标签,它是用于显示网页中的图片的一个标签。img标签是一个单标签。
img标签写法:
<img />
实例写法:
<img src="tp.png" width="150px" height="50px" alt="图片说明"/>
常用属性:
[src]: 规定显示图像的URL
[alt]: 规定图像的替代文本,当图像显示出现问题时,文字会出现替代图像
[width]: 规定图像的宽度
[height]: 规定图像的高度
说明:
从技术上讲,图像并不会插入HTML页面中,而是链接到HTML页面上。<img> 标签的作用是为被引用的图像创建占位符
全局属性: 支持
事件属性: 支持
注意:
1.src 和 alt 为 必需 属性
2.若指定width=“100%”,表示不管图片尺寸,将图片设置为浏览器宽度的100%,自动按照比例确定图片高度
3.相对路径表示符:…/ :上层目录 ./ :本层目录 / :进入目录,本层目录也可以直接写文件名
4.绝对路径:/uploads/allimg/e1.jpg