HTML文本

一、标题标签

在HTML中，共有6个级别的标题标签：h1、h2、h3、h4、h5、h6。其中h是header的缩写，6个标题标签在页面中的重要性是有区别的，其中h1标签的重要性最高，h6标签的重要性最低。

注意：

• 一个页面一般只能有一个h1标签，而h2到h6标签可以有多个。
• title标签和h1标签是不一样的，title标签用于显示地址栏的标题，而h1标签用于显示文章的标题。

二、段落标签

在HTML中使用<p></p>来显示一段文字。

注意：段落标签会自动换行，并且段落与段落之间有一定的间距。

三、换行标签<br/>

在HTML中，可以使用br标签来给文字换行。其中<br/>是自闭合标签。

注意：

• 使用br标签对文字进行换行时，文字与文字之间不会产生间隙。
• br标签是用来给文字换行的，而p标签是用来给文字分段的。

四、文本标签

• 粗体标签：strong、b
• 斜体标签：i、em、cite
• 上标标签：sup
• 下标标签：sub
• 中划线标签：s
• 下划线标签：u
• 大字号标签：big
• 小字号标签：small

1、粗体标签

在HTML中使用“strong标签“或“b标签”来对文本进行加粗。

注意：在实际的开发中，如果想要对文本实现加粗效果，尽量使用strong标签，而不使用b标签。这是因为strong标签比b标签更具有语义性。

2、斜体标签

在HTML中，可以使用i标签、em标签或cite标签来实现文本的斜体效果。

注意：在实际开发中，如果想要实现文本的斜体效果，尽量使用em标签，而不要使用i标签或cite标签。这是因为em标签的语义性更好。

3、上标标签

在HTML中，可以使用”sup标签“来实现文本的上标效果。

注意：如果要将某个数字或某些文字变成上标，只要把这个数字或文字放在标签内就可以了。

4、下标标签

在HTML中可以使用”sub标签“来实现文本的下标效果。

注意：如果要将某个数字或某些文字变成下标，只要把这个数字或文字放在标签内就可以了。

5、中划线标签

在HTML中可以使用”s标签“来实现文本的中划线效果。

注意：

• 中划线效果一般用于显示那些不正确或不相关的内容，常用于商品促销的标价中。
• 对于删除线效果，一般会用CSS来实现，几乎不会用s标签来实现。

6、下划线标签

在HTML中可以使用”u标签“来实现文本的下划线效果。

注意：下划线效果一般会用CSS来实现，几乎不会用u标签来实现。

7、大字号标签和小字号标签

在HTML中使用”big标签“来实现字体的变大效果，使用”small标签“来实现字体的变小效果。

注意：对于字体大小的改变一般使用CSS来实现。

8、总结

重要的文本标签

标签	语义	说明
strong	strong(强调)	粗体
em	emphasized(强调)	斜体
sup	superscripted(上标)	上标
sub	subscripted(下标)	下标

五、水平线标签

在HTML中使用”hr标签“实现一条水平线的效果。

六、div标签

在HTML中，我们可以使用”div标签“来划分HTML结构，从而配合CSS来整体控制某一块样式。

div全称为division(分区)，用来划分一个区域，使得代码更具有逻辑性。

七、自闭合标签

在HTML中，标签分为两种：一般标签和自闭合标签。

一般标签和自闭合标签的特点：

• 一般标签：由于有开始符号和结束符号，因此可以在内部插入其他标签和文字。
• 自闭合标签：由于只有开始符号而没有结束符号，因此不可以在内部插入标签或文字。所谓的”自闭合“，指的是本来要用一个配对的结束符号来关闭，然而它却”自己“关闭了。

常见自闭合标签

标签	说明
<meta/>	定义网页的信息（供搜索引擎查看）
<link/>	引入”外部CSS文件“
<br/>	换行标签
<hr/>	水平线标签
<img/>	图片标签
<input/>	表单标签

八、块元素和行内元素

在HTML中，根据元素的表现形式，一般可以分为两类：块元素和行内元素。

1、块元素

在HTML中，块元素在浏览器显示状态下将占据一行，并且排斥其他元素与其位于同一行。一般情况下，块元素内部可以容纳其他块元素和行内元素。

HTML中常见的块元素

块元素	说明
h1~h6	标题元素
p	段落元素
div	div元素
hr	水平线
ol	有序列表
ul	无序列表

块元素的特点：

• 块元素独占一行，排斥其他元素（包括块元素和行内元素）与其位于同一行。
• 块元素内部可以容纳其他块元素和行内元素。

2、行内元素

在HTML中，行内元素与块元素恰恰相反，行内元素是可以与其他行内元素位于同一行的。此外，行内元素内部（标签内部）只可以容纳其他行内元素，不可以容纳块元素。

HTML中常见的行内元素

行内元素	说明
strong	粗体元素
em	斜体元素
a	超链接
span	常用行内元素，结合CSS定义样式

行内元素的特点：

• 行内元素可以与其他行内元素位于同一行。
• 行内元素内部可以容纳其他行内元素，但不能容纳块元素。

九、特殊符号

1、网页中的空格

在HTML中空格是需要用代码开始实现的，其中空格的代码是：&nbsp;。

注意：1个汉字约等于3个&nbsp;。

2、网页中的特殊符号

在HEML中，如果想要显示一个特殊符号，也是需要通过代码来实现的。这些符号对应的代码都是以”&“开头，并且以”;“（英文分号）结尾的。这些特殊符号，可以分成两类：

• 容易通过输入法输入的，不必使用代码实现。
• 难以通过输入法输入的，需要使用代码实现。

HTML特殊符号（易输入）

特殊符号	说明	代码
"	双引号（英文）	"
‘	左单引号	‘
’	右单引号	’
×	乘号	×
÷	除号	÷
>	大于号	>
<	小于号	&lt;
&	”与“符号	&amp;
—	长破折号	&mdash;
|	竖线	&#124;

HTML特殊符号（难输入）

特殊符号	说明	代码
§	分节符	§
©	版权符	©
®	注册商标	®
™	商标	™
€	欧元	€
£	英镑	£
¥	日元	¥
°	度	°

实际上，空格”&nbsp;“也是一个特殊的符号。