HTML网页设计之图片标签——＜img＞标签

      在 HTML 中，图像由<img>标签定义。<img> 是空标签，只包含属性，没有闭合标签。 实际上图像并不会插入至HTML页面中，而是链接到HTML页面上，<img> 标签的作用是为被引用的图像创建占位符，其src和alt为必需属性。

      其常用属性：

       1.[src]:规定显示图像的URL，URL 指存储图像的位置，可以用绝对位置和相对位置，建议使用相对路径。(绝对地址指完整的网址。相对地址是本地的页面，和你的文件储存位置有关，其中

./指你在的文件跟你要去的位置在一个文件夹，../指跳出当前的文件夹，来到上一级目录下。

       2.[alt]： 规定图像的替换文本，即在浏览器无法载入图像时，替换文本属性告诉读者失去的信息。

       3.[width]：规定图像的宽度（若指定width=“100%”，表示不管图片尺寸，将图片设置为浏览器宽度的100%，自动按照比例确定图片高度）。

       4.[height]： 规定图像的高度。（注意：width属性和height属性，一般不会同时设置，只设置一个，另一个浏览器会自适应）

代码示例如下：

 网页显示如下：