HTML 标题

什么是 HTML 标题

HTML 文档中的标题是网页结构的重要组成部分。标题使用 <h1><h6> 标签定义,其中:

  • <h1> 表示最大的标题。

  • <h6> 表示最小的标题。

示例代码

<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>

提示: 浏览器会在标题的前后自动添加空行。

使用标题的重要性

  1. 语义化结构:标题标签应仅用于表示标题,而不是为了实现粗体或大号字体。

  2. 搜索引擎优化(SEO):搜索引擎依赖标题标签来理解网页结构和内容。

  3. 用户体验:标题有助于用户快速浏览网页内容。

标题使用规则

  • <h1> 应用作主标题(最重要的标题)。

  • <h2> 用于次级标题。

  • 其后依次为 <h3><h6>

HTML 水平线

什么是水平线

<hr> 标签用于在 HTML 页面中插入水平线,常用来分隔内容。

示例代码

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

提示: 水平线有助于内容的视觉分隔,提升页面可读性。

HTML 注释

什么是 HTML 注释

注释用于提高代码的可读性,方便开发者理解代码逻辑。浏览器会忽略注释,不会将其显示在页面中。

注释的语法

<!-- 这是一个注释 -->

提示: 注释开始的左尖括号后需要紧跟一个感叹号 !

HTML 提示 - 查看源代码

想了解网页的实现方式?只需右键点击网页,然后选择:

  • 查看源文件(IE 浏览器)

  • 查看页面源代码(Firefox 浏览器)

  • 其他浏览器也有类似选项。

这将打开一个窗口,显示该页面的 HTML 源代码。

示例和标签参考

示例

  1. 标题: 如何在 HTML 文档中显示标题。

  2. 注释: 如何在 HTML 源代码中插入注释。

  3. 水平线: 如何插入水平线。

标签参考手册

以下是一些常用 HTML 标签及其描述:

标签描述
<html>定义 HTML 文档
<body>定义文档的主体
<h1> - <h6>定义 HTML 标题
<hr>定义水平线
<!--...-->定义注释

在本教程的后续章节中,您将学到更多关于 HTML 标签和属性的知识。