HTML 网页中添加图片和文字

如何向 HTML 网页中添加图片？

在 HTML 中，使用 标签将图片插入页面。该标签具有一个 src 属性，该属性指定图片文件的路径。例如：

<img src="my_image.jpg" alt="My Image">

alt 属性提供图片的替代文本，在图片无法加载时显示。

立即学习“前端免费学习笔记（深入）”；

如何向 HTML 网页中添加文字？

可以使用各种 HTML 标签来添加文本内容，例如标题（

、

、

等）、段落（

）、列表（

）、链接（）等。

以下是一个添加文本的示例：

<h1>标题文字</h1><p>段落文字</p>

添加图片和文字的步骤：

1. 编写 HTML 代码：使用上述标签创建 HTML 代码以插入图片和文字。
2. 指定图片路径：在 标签的 src 属性中，指定图片文件的路径。
3. 提供替代文本：在 标签的 alt 属性中，填写描述图片的替代文本。
4. 添加文本内容：使用适当的 HTML 标签（如

   、

   等）添加文本内容。

5. 保存 HTML 文件：将 HTML 代码保存为具有 .html 扩展名的文件。
6. 在浏览器中打开：使用浏览器打开 HTML 文件，查看添加的图片和文字内容。

提示：