图片标签介绍

HTML中的图片标签（标签）是用于在网页上添加图像的标签。图片标签允许我们在网页上显示图片，它有一些属性可以让我们指定图片的路径、替代文本、大小等等。

语法

<img src="image.jpg" alt="Alternate Text" width="500" height="400" />

属性

1. src：指定图片的路径，可以是相对路径或绝对路径。
2. alt：在图片无法显示时显示的替代文本。
3. width：指定图片的宽度。
4. height：指定图片的高度。
5. title：指定鼠标悬停在图片上时显示的文本。

用法

基础用法

<img src="image.jpg" alt="Alternate Text" />

上述代码会将image.jpg文件显示在网页上，并在图片无法显示时显示“Alternate Text”。

指定大小

<img src="image.jpg" alt="Alternate Text" width="500" height="400" />

上述代码会将image.jpg文件显示在网页上，并指定宽度为500，高度为400。

鼠标悬停提示

<img src="image.jpg" alt="Alternate Text" title="Image Title" />

上述代码会将image.jpg文件显示在网页上，并在鼠标悬停时提示“Image Title”。

点击链接

<a href="https://www.example.com"><img src="image.jpg" alt="Alternate Text" /></a>

上述代码会将image.jpg文件显示在网页上，并将其变成一个链接指向https://www.example.com。

注意事项

1. 图片标签是自闭合标签，即不需要闭合标签。
2. 建议在给img标签指定宽度和高度，这可以防止页面布局时因等待图片加载造成的页面抖动。同时，这也有助于提高页面加载速度。