HTML 标题[title]、段落[p]、链接[a]、图像[img]

在本章节中，我们将学习 HTML 的基础概念和常见应用实例。这些内容非常适合初学者打下坚实的网页开发基础。注意：请勿担心您尚未学习的内容，您将在后续章节中逐步掌握它们。

HTML 标题

HTML 标题（Heading）是通过 <h1> - <h6> 标签来定义的，用于表示文档中不同级别的标题。

示例：

<!DOCTYPE html>
<html>
<head>
    <title>HTML 标题示例</title>
</head>
<body>
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>
    <h3>这是三级标题</h3>
</body>
</html>

提示：标题标签从 <h1>（最大）到 <h6>（最小）依次递减，使用时应遵循语义化的顺序。

HTML 段落

HTML 段落是通过 <p> 标签定义的，用于表示文本内容的分段。

示例：

<!DOCTYPE html>
<html>
<head>
    <title>HTML 段落示例</title>
</head>
<body>
    <p>这是一个段落。</p>
    <p>这是另一个段落。</p>
</body>
</html>

提示：段落之间会自动添加空白以提高可读性。

HTML 链接

HTML 链接是通过 <a> 标签定义的，用于创建超链接。

示例：

<!DOCTYPE html>
<html>
<head>
    <title>HTML 链接示例</title>
</head>
<body>
    <a href="https://www.untib.com">访问示例网站</a>
</body>
</html>

提示：链接的目标地址通过 href 属性指定。

扩展：您将在后续章节中学习更多有关 HTML 属性的知识。

HTML 图像

HTML 图像是通过 <img> 标签定义的，用于在网页中嵌入图片。

示例：

<!DOCTYPE html>
<html>
<head>
    <title>HTML 图像示例</title>
</head>
<body>
    <img src="/images/untib.png" alt="示例图片" width="300" height="200">
</body>
</html>

提示：

  • src 属性用于指定图片的路径。

  • alt 属性用于在图片无法加载时显示替代文本。

  • width 和 height 属性指定图片的宽度和高度。

通过上述实例，您已经掌握了 HTML 的基本用法。继续学习，您将了解更多 HTML 元素及其高级功能！