HTML 标题
什么是 HTML 标题
HTML 文档中的标题是网页结构的重要组成部分。标题使用 <h1>
到 <h6>
标签定义,其中:
<h1>
表示最大的标题。<h6>
表示最小的标题。
示例代码
<h1>这是一个标题。</h1> <h2>这是一个标题。</h2> <h3>这是一个标题。</h3>
提示: 浏览器会在标题的前后自动添加空行。
使用标题的重要性
语义化结构:标题标签应仅用于表示标题,而不是为了实现粗体或大号字体。
搜索引擎优化(SEO):搜索引擎依赖标题标签来理解网页结构和内容。
用户体验:标题有助于用户快速浏览网页内容。
标题使用规则
<h1>
应用作主标题(最重要的标题)。<h2>
用于次级标题。其后依次为
<h3>
到<h6>
。
HTML 水平线
什么是水平线
<hr>
标签用于在 HTML 页面中插入水平线,常用来分隔内容。
示例代码
<p>这是一个段落。</p> <hr> <p>这是一个段落。</p> <hr> <p>这是一个段落。</p>
提示: 水平线有助于内容的视觉分隔,提升页面可读性。
HTML 注释
什么是 HTML 注释
注释用于提高代码的可读性,方便开发者理解代码逻辑。浏览器会忽略注释,不会将其显示在页面中。
注释的语法
<!-- 这是一个注释 -->
提示: 注释开始的左尖括号后需要紧跟一个感叹号 !
。
HTML 提示 - 查看源代码
想了解网页的实现方式?只需右键点击网页,然后选择:
查看源文件(IE 浏览器)
查看页面源代码(Firefox 浏览器)
其他浏览器也有类似选项。
这将打开一个窗口,显示该页面的 HTML 源代码。
示例和标签参考
示例
标题: 如何在 HTML 文档中显示标题。
注释: 如何在 HTML 源代码中插入注释。
水平线: 如何插入水平线。
标签参考手册
以下是一些常用 HTML 标签及其描述:
标签 | 描述 |
---|---|
<html> | 定义 HTML 文档 |
<body> | 定义文档的主体 |
<h1> - <h6> | 定义 HTML 标题 |
<hr> | 定义水平线 |
<!--...--> | 定义注释 |
在本教程的后续章节中,您将学到更多关于 HTML 标签和属性的知识。