使用 <img> 元素并在 src 属性中指定图像路径，可以显示图片。步骤包括：(1) 指定图像路径；(2) 设置图像尺寸（可选）；(3) 提供替代文本（可选）；(4) 使用其他属性（如 title、border、class、style）附加功能。
如何在 HTML 中显示图片
想要在 HTML 页面中显示图片，需要使用 <img> 元素。此元素指定图像的位置和一些可选属性来控制图像的外观。
步骤：
-
指定图像文件的路径： 使用
src属性指定图像文件的完整 URL 或相对路径。例如：<img src="/images/my_image.jpg"> -
设置图像的尺寸（可选）： 使用
width和height属性指定图像的像素宽度和高度。例如：<img src="/images/my_image.jpg" width="200" height="150"> -
指定图像的替代文本（可选）： 使用
alt属性提供图像的替代文本描述，以便在图像无法加载或对视障人士不可用时显示。例如：<img src="/images/my_image.jpg" alt="我的风景图片">
附加属性：
立即学习“前端免费学习笔记（深入）”；
- title： 为图像添加一个标题，当鼠标悬停在图像上时显示。
- border： 添加一个边框。
- class： 指定一个 CSS 类来应用样式。
- style： 直接使用内联样式设置样式。
示例：
<code class="html"><img src="/images/my_image.jpg" alt="我的风景图片" title="这是一个风景图片" class="my-image"></code>
这段代码会在页面中显示一个名为 my_image.jpg 的图像，尺寸为 200x150 像素，替代文本为 "我的风景图片"，当鼠标悬停在图像上时显示标题 "这是一个风景图片"，并且具有 CSS 类 "my-image"。
