共计 2912 个字符，预计需要花费 8 分钟才能阅读完成。
目录
前言:
1. 标题标签：
前言：
实践：
总结：
2. 段落标签：
前言：
段落中的空格：
总结:
3. 文本格式化标签：
前言:
和 标记之间的区别:-toc”>和 标记之间的区别:
总结：
4. 如何注释：
前言：
如何在代码中注释:
总结：
总结：
前言:
文本是一种常见的元素，在日常生活，在描述某个东西时，在阅读文章时，都会大量出现。而在 Web 中我们所书写的代码，也是文本的一部分，有时候大量文字聚集在一起时我们常常难以找到其中关键点，所以在 Web 中就有很多用来描述文本的标签。
HTML 标签的语法和属性 -CSDN 博客
1. 标题标签：
前言：
html 中提供了
到
六个级别的标题标签，
标签的级别最高，
标签的级别最低，通过这些标签可以定义网页的标签，合理使用标题可以使网页层次结构更加清晰。如下图:
标签的级别最高，
标签的级别最低，通过这些标签可以定义网页的标签，合理使用标题可以使网页层次结构更加清晰。如下图:
实践：
在默认的情况下，浏览器会比普通文本更大和更粗的字体显示标题中的内容，使用
标签定义的标题字体最大，而使用
定义的标题字体最小。
Document
一个简陋的网页
此表示可以显示一段文本
此链接到 bilibili
-
https://www.bilibili.com/
- 无序列表第二行
- 无序列表第三行
新的开始
- 此文本的颜色为青色
-
点击跳转 bilibili
一段路程
此处应该有点内容
此处并没有什么内容
此处没有内容
快结束了....
无人的结束....
Document
一个简陋的网页
此表示可以显示一段文本
此链接到 bilibili
-
https://www.bilibili.com/
- 无序列表第二行
- 无序列表第三行
新的开始
- 此文本的颜色为青色
-
点击跳转 bilibili
一段路程
此处应该有点内容
此处并没有什么内容
此处没有内容
快结束了....
无人的结束....
注意：在网页上使用标签时，浏览器内置的样式会在每个标题上下添加一定的空白区域(外边距)，后续可以通过 CSS 中的 margin 来设置空白区域的大小。
上述代码的运行结果为:
总结：
使用标题标签时需要注意的是:
- HTML 标题标签只能用来定义标题，不可以使用标题标签来对文本进行加粗设计；
- 由于搜索引擎（如百度等）是使用标题来索引网页结构和内容的，因此使用标题标签有利于搜索引擎的抓取。
- 标题标签并不是随意使用，要根据使用的环境，按照级别由高到低的使用标题标签。
应该使用
标签来标记最重要的标题，该标题常位于页面顶部，而且一个 HTML 文档中通常应该有且仅有一个
标题，至于较低级别的标题标签(如
,
,
), 的使用可以不加太多的限制。
2. 段落标签：
前言：
,
,
), 的使用可以不加太多的限制。
2. 段落标签：
前言：
), 的使用可以不加太多的限制。
2. 段落标签：
前言：
HTML 中可以使用段落标签
来将文档中的内容分割为若干个段落，语法格式如下:
内容
段落标签有开始标签
还有结束标签
，开始标签和结束标签里面的内容会被视为段落，段落标签在很多网站里面都会用到，如下图:
需要注意的是：浏览器内置样式会在段落上下自动添加一定的空白区域(外边距)，可以使用 CSS 中的 margin 属性来设置空白区域的大小。
在 HTML4 以及更早的版本之前，可以省略段落标签的结束标签，浏览器会自动补全缺失的结束标签，如下：
bilibili
前端教程
前端教程 - 哔哩哔哩_Bilibili
段落中的空格：
在默认情况下，段落标签会对文本中的空格符进行合并，将多个空格显示为一个空格的效果，具体表现为:
- 如果段落中出现多个连续的空格，浏览器会忽略这些空格只保留一个。
- 如果段落中出现多个连续的行，浏览器会将这些换行转换成一个空格。
如下代码:
bili bili
前端教程
前端教程 - 哔哩哔哩_ bilibili
在想要在段落标签中换行，需要专门的换行的标签
，
标签属于自闭合标签，因此不需要对应的结束标签, 如下:
前端教程
- 哔哩哔哩_
bilibili
总结:
段落标签在实际开发中很常用，但是常常需要配合其他标签才能达到更好的效果。
3. 文本格式化标签：
前言:
一些 HTML 标签除了具有一定的语义 (含义) 外，还有默认样式，如 设置字体为斜体，强调标签中的内容，并使标签中的字体倾斜。如下是用来文本格式化的标签，表格如:
| 标签 | 功能 |
|---|---|
| …. | 加粗标签中的字体。 |
| …. | 强调标签中的内容，并使标签中的字体倾斜。 |
| … |
定义标签中的字体为斜体。 |
| … | 定义标签中的字体为小号字体。 |
| …. | 强调标签中的内容，并将字体加粗。 |
| …. | 定义上下标文本。 |
| … | 定义上标文本。 |
| …. | 定义文档的其余部分之外的插入文本。 |
| 在文本内容上添加删除线。 | |
... |
定义一段代码。 |
| ... | 用来表示文本是通过键盘输入的。 |
| …. | 定义程序的样本。 |
| … |
定义变量。 |
|
定义预格式化的文本，被该标签包裹的文本会保留所有的空格和换行符，字体也会呈现为等宽字体。 |
| … | 用来表示标签中的内容为缩写形式。 |
| … | 用来定义文档作者的联系信息，被该标签包裹的文本通常会以斜体呈现，并在文本前面换行。 |
| … | 定义标签中的文字方向。 |
|
定义一段引用的文本，例如名人名言，文本会以换行输入，并在左右两边进行缩进。 |
… |
定义一段短引用，浏览器会将引用的内容使用双引号包裹起来。 |
| … | 表示对某个文献的引用，例如书籍或杂志的名称，文本会以斜体显示。 |
| …. | yonl |
按照作用可以把上述标签分为两类:
- 物理标签：这类标签用来设置文本的外观
- 逻辑标签：这类标签用来赋予文本一些逻辑或语义值
通过上表可以看出，有些标签虽然效果一样，但是语义并不同，如 和标签，和 标签，下面就来说明他们之间的关系;
<strong>和 <b> 标签演示</b></strong>
你学会了 HTML
你已经超越 80% 的程序员
此处给 HTML 加 标签是为了强调 HTML 的其的重要性，以及它的震撼效果。而给网址添加 标签仅仅是为了视觉上的粗效果，这样能引起读者的注意。
你学会了 HTML
你已经超越 80% 的程序员
总结：
在使用文本格式化标签的时候需要注意标签的语义 (含义)，然后再选择合适的标签，如强调重要的文本应该使用 而不是 , 因为 标签的作用仅仅只是加粗，不能只是为了达到效果就胡乱使用这样是不对的。
4. 如何注释：
前言：
HTML 注释主要用来对文档中的代码进行解释说明，注释也是代码的一部分，但浏览器会自动忽略注释的内容，所以用户在网页中是看不到注释的。
注释在我们编写代码的过程很有作用，因为一个完整的网页中的 HTML 代码起码有上千行，此时我们若要修改某部分代码则需要花费很长的时间去找，但是有了注释就不需要这么麻烦，我们可以根据他的功能或者其他作用将程序划分然后注释，这样既对自己阅读方便也方便他人阅读，可以大大提高代码的可读性。
如何在代码中注释:
在 HTML 中，里面的内容皆为注释的内容，里面的内容会被编译器，浏览器忽略。如下代码:
Document
- 第一行的内容
- 第三行的内容
- 第四行的内容
可以看到的是注释可以出现在 HTML 文档的任意位置，包括文档头，尾，中间，标签外部，标签内容中。注释除了可以用来对代码的说明外，还可以用来注释掉代码，如果某段代码不想执行了就可以直接注释掉。上述代码运行结果如:
总结：
注释是所有的程序中必不可少的一部分。但是也不要滥用注释，导致没必要的内容过于长，总之合理规范的使用注释可以帮助我们开发程序。
总结：
文本是我们平时最常见的元素，学习这些描述文本的标签可以帮助我们更好的描述文本的内容，能让观看者更加容易理解其中意思，可以说文本标签是必不可少的。
HTML 常用的图片标签和超链接标签 -CSDN 博客
原文地址: HTML 常用文本标签以及注释文本
