HTML里面使用图片！！！

目录

标签

SRC属性

ALT属性

宽度width、高度height属性

---

<img>标签

SRC属性

在html中，我们用<img>标签定义图像。

<img>是空标签，只包含属性，没有闭合标签。

在页面上显示一个图像，我们用 src （源属性）。源属性的值是图像的URL地址。

语法格式：

<img src="url">

<!--src:源属性-->
<!--url:存储图像的位置-->

ALT属性

alt属性用于为图像定义一串预备的可替代的文本。

替代文本属性的值是用户自己定义的。

作用：在浏览器无法载入图象时，替代文本属性用于告诉读者未显示出来的图片的简要信息。

这个时候。浏览器显示替代文本，而不显示图像（因为是在无法显示出图象时，替代文本发挥作用嘛！）

语法格式：

<img src="url" alt="替代文本内容">

ps:为图像添加替代文本是一个好习惯，这样有助于更好的显示信息，并且对于那些纯文本浏览器，则此用处则显得恰到好处！！！

宽度width、高度height属性

我们使用width（宽度）、height（高度）属性设置图像宽度和高度。

属性值： px(像素)、 %（百分比），默认单位是：px（像素）

格式：

<img src="url" alt="替代文本内容" width="500" height="300">