HTML-5.1-字体标签

最新推荐文章于 2025-03-05 08:00:00 发布

原创最新推荐文章于 2025-03-05 08:00:00 发布 · 375 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#字体标签 #HTML转义字符 #标题

WEB前端同时被 2 个专栏收录

61 篇文章

订阅专栏

HTML

11 篇文章

订阅专栏

本文详细讲解了HTML5中标题、字体、特殊字符、粗体及上下标等格式化标签的使用方法，包括<h1>-<h6>、<font>、转义字符、<b>、<strong>、<sup>和<sub>等，帮助读者掌握网页文本美化技巧。

HTML-5.1-字体标签

一：标题
二：字体标签
三：特殊字符(转义字符)
- 1、产生原因
- 2、书写注意
四：粗体标签
五：上标和小标

一：标题

标题使用 <h1> 至 <h6> 标签进行定义
<h1>定义最大的标题
<h6>定义最小的标题
具有align属性
- 默认属性：left
- left, center, right

<body>
    <h1 align="center">标题一</h1>
    <h2 align="right">标题二</h2>
    <h3 style="color:red">标题三</h3>
    <h4>标题四</h4>
    <h5>标题五</h5>
    <h6>标题六</h6>
<body>

二：字体标签

<font></font>
属性
- color=“红色"或 color=”#ff00cc"或color=“new rgb”
  - 设置字体颜色
- size:
  - 设置字体大小，取值范围只能是1~7
  - 想要更大的字体，只能通过CSS样式来解决
- face=“微软雅黑”:
  - 设置字体类型
  - 写字体时，“微软雅黑”不能写错

<body >
	<font color="red" size="7" face="微软雅黑">我爱中国</font>
</body>

三：特殊字符(转义字符)

特殊字符	描述	字符的代码
	空格符	&nbsp；
<	小于号	&lt；
>	大于号	&gt；
&	和号	&amp；
￥	人民币	&yen；
©	版权	&copy；
®	注册商标	&reg；
°	摄氏度	&deg；
±	正负号	&plusmn；
×	乘号	&times；
÷	除号	&divide；
²	平方2（上标2）	&sup2；
³	立方3（上标3）	&sup3；

1、产生原因

像“<”和“>”已经用来表示HTML标签，因此不能直接当作文本中的符号来使用
有些字符在ASCII字符集中没有定义，因此需要使用转义字符串来表示

2、书写注意

转义序列各字符间不能有空格
转义序列必须以“；”结束
独立的&不被认为是转义开始
区分大小写

四：粗体标签

<b>
<strong>

<body >
	<p>
		<b>我爱中国</b>
	</p>
	<p style="color: red">
		<strong>中国</strong>
	</p>
</body>

五：上标和小标

上标：
- <sup></sup>
下标：
- <sub></sub>

<body >
	<P>20<sup>19</sup></P>
	<P>09<sub>04</sub></P>
</body>