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