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

      其常用属性:

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

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

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

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

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

代码示例如下:

 网页显示如下:

 

更多推荐

HTML网页设计之图片标签——<img>标签