HTML 段落[p]、链接[]、换行[br]

在本章节中，我们将学习 HTML 的基础概念和常见应用实例。这些内容非常适合初学者打下坚实的网页开发基础。

注意：请勿担心您尚未学习的内容，您将在后续章节中逐步掌握它们。

HTML 元素

HTML 文档由 HTML 元素定义。HTML 元素包括开始标签、元素内容和结束标签。

HTML 元素示例

开始标签元素内容结束标签
<p>这是一个段落</p>
<a href="default.htm">这是一个链接</a>
<br>换行（无内容）无（空元素）

HTML 元素语法

  1. HTML 元素以 开始标签 起始。

  2. HTML 元素以 结束标签 终止（空元素除外）。

  3. 元素的内容是开始标签与结束标签之间的内容。

  4. 某些 HTML 元素具有空内容（如 <br>）。

  5. HTML 元素可以拥有属性（后续章节将详细讲解）。

嵌套的 HTML 元素

大多数 HTML 元素可以嵌套，即一个 HTML 元素可以包含其他 HTML 元素。HTML 文档由相互嵌套的 HTML 元素构成。

HTML 文档示例

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

实例解析

  1. <p> 元素:

    <p>这是第一个段落。</p>

    • 定义了 HTML 文档中的一个段落。

    • 由开始标签 <p> 和结束标签 </p> 组成。

    • 元素内容是：这是第一个段落。

  2. <body> 元素:

    <body>
<p>这是第一个段落。</p>
</body>

    • 定义了 HTML 文档的主体。

    • 包含了 <p> 元素作为其内容。

  3. <html> 元素:

    <html>
<body>
<p>这是第一个段落。</p>
</body>
</html>

    • 定义了整个 HTML 文档。

    • 包含了 <body> 元素作为其内容。

提示：不要忘记结束标签。虽然浏览器通常会正确解析缺少的结束标签，但这可能导致意外结果或错误。

HTML 空元素

没有内容的 HTML 元素被称为空元素，它们通常在开始标签中直接关闭。

示例：<br> 标签

<!DOCTYPE html>
<html>
<head>
    <title>HTML 空元素示例</title>
</head>
<body>
    <p>这是第一行。</p>
    <br />
    <p>这是第二行。</p>
</body>
</html>

关于空元素的关闭方式

在现代 HTML 中，空元素可以使用以下两种方式之一：

  1. <br> （标准 HTML 写法）。

  2. <br /> （兼容 XHTML 和 XML）。

尽管 <br> 在浏览器中始终有效，但建议使用 <br />，以便在未来的标准中保持一致性。

HTML 标签的大小写

HTML 标签对大小写不敏感，<P> 与 <p> 等效。

建议：使用小写标签，因为万维网联盟（W3C）推荐在 HTML4 和未来版本中使用小写格式。

通过以上学习，您已经掌握了 HTML 元素的基本构成和用法，接下来将探索更多高级功能！