Question

03.图像标签img

Answer 1

在 HTML 标签中，<img> 标签用于定义 HTML 页面中的图像。

src 是<img>标签的必须属性，它用于指定图像文件的路径和文件名。

所谓属性：简单理解就是属于这个图像标签的特性。

注意：

1.图像标签可以拥有多个属性，各必须写在标签名的后面。
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.属性采取键值对的格式，即 key=“value" 的格式，属性 =“属性值”。
4.图片的width和height属性只需要设置其中一个，另一个就会等比例缩放。同时设置两个会使图片压缩失真。

优点：
1.运行环境简单明了，不随网页位置的变化而变化。
2.比较安全。
缺点：
1.当html在别的电脑上打开，或者图片更换了盘符之后，图片就没办法在页面中显示，图片的移植性较差。

在网站上右键点击复制图像地址，写入src中就可成功引入。

优点：
1.路径简单明了，便与搜索引擎搜索。
2.只要有网络，不管html文件怎么移动，图片还能正常显示。
缺点：
不容易移植，如果网站域名变化，所有的图片会全部失效。

以html文件所在位置为参考基础，而建立出的目录路径。 即图片相对于 HTML 页面的位置。

直接书写即可，一定要加上图片的后缀名。

<img src="同一级路径图片名字.png" />