1.4 文本元素
HTML文档中的文本元素包括内容标题、文本修饰及特殊字符。
1.4.1 标题标签
示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>漫步时尚广场 E&S</title>
</head>
<body>
<h1>一级标题——漫步时尚广场</h1>
<h2>二级标题——Q-Walking Fashion E&S</h2>
<h3>三级标题——购物广场</h3>
<h4>四级标题——男装区</h4>
<h5>五级标题——上衣区</h5>
<h6>六级标题——衬衣</h6>
</body>
</html>效果图
注意
<hn>标签是双标签。默认情况下，在大多数浏览器中现实的<h1>、<h2>、<h3>元素内容大于文本在网页中地默认尺寸，<h4>元素的内容与默认文本的大小基本相同，而<h5>和<h6>元素的内容较小一些。用户的特殊需求可以通过CSS来定义标题的样式特征。
1.4.2 文本修饰标签
| 标签 | 描述 |
|---|---|
| <font>···</font> | 用于设置文本的字体样式 |
| <b>···</b> | 元素中的内容以加粗的方式显示，效果与<strong>标签相同 |
| <i>···</i> | 元素中的内容以斜体的方式显示 |
| <s>···</s> | 元素中的内容将被添加一条删除线 |
| <u>···</u> | 元素中的内容将被添加一条下划线 |
| <sup>···</sup> | 元素中的内容以上标的形式显示 |
| <sub>···</sub> | 元素中的内容以下标的形式显示 |
| <strong>···</strong> | 元素中的内容以加粗的方式显示，效果与<b>标签相同 |
| <big>···</big> | 元素中的内容在显示时比周围的文本大一个字体尺寸 |
| <small>···</small> | 元素中的内容在显示时比周围的文本小一个字体尺寸 |
注意
HTML 5 为<strong>标签增加了语意，使用<strong>标签包起来的文本表示重要的文本。HTML 5 中删除了原有的<big>标签，并对<small>标签进行重新定义，用于标识所谓的“小子印刷体”，通常用来标注诸如注意事项、法律规定、免责声明或版权相关的声明性文字。
示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>漫步时尚广场战略发布会-文本修饰标签</title>
</head>
<body>
<font face="隶书" size="10" color="blue">通过font标签设置字体的样式</font>
<font face="楷体" size="+3" color="#FF0000">通过font标签设置字体的样式</font>
<font face="黑体" size="-1" color="gray">通过font标签设置字体的样式</font>
<p>2015年1月11日,<b>漫步时尚广场</b>在<big>青岛</big>举行战略发布会。时尚广场总裁<i>郭总</i>
介绍,取这个名字一方面是打造<small>休闲娱乐</small>的时尚购物广场,更重要的原因是随着B2C的发展,消费者
需要全新的电子商务品台。漫步时尚广场从传统的V<sub>1.0</sub>向综合性互联网V<sup>2.0</sup>转型。
<s>时尚购物广场将提供这样一个定位和风格更加清晰的消费品台,全力打造的品质之城。</s></p>
</body>
</html>
效果图
注意
由于文本修饰标签设置字体样式时，文本内容与样式嵌入到一起，后期的代码维护不方便，所以在网页设计时，尽量少用文本修饰标签，建议多采用 CSS 样式进行美化。
1.4.3 特殊字符
| 特殊字符 | 实体引用 |
|---|---|
| 双引号(") | $quot; |
| &号 | & |
| 空格 | |
| 小于号(<) | < |
| 大于号(>) | > |
| 小于等于(≤) | ≤ |
| 大于等于(≥) | ≥ |
| 版权号(©) | © |
| 商标符号(™) | ™ |
| 注册商标(®) | ® |
| 分数(1/4) | ¼ |
| 分数(1/2) | ½ |
| 左箭头(←) | ← |
| 上箭头(↑) | ↑ |
| 右箭头(→) | → |
| 下箭头(↓) | ↓ |
| 左右箭头(↔) | ↔ |
| 左下箭头(↙) | ↵ |
| 左双箭头 | ⇐ |
| 上双箭头 | ⇑ |
| 右双箭头 | ⇒ |
| 下双箭头 | ⇓ |
| 交集(∩) | ∩ |
| 并集(∪) | ∪ |
