本文详细介绍了HTML中用于网页主体和内容的标记，包括标题、段落、引用、强调、特殊字符、<div>和<span>等，以及它们的用法和属性，帮助理解如何在HTML中设置文本格式和布局。
第4章 HTML网页主体与内容标记
本章要点
标题与段落标记的使用
文本格式标记的使用
<div>与<span>标记的使用
HTML中特殊字符的使用
目录：
4.1 标题与段落标记的使用
4.2 文本格式标记的使用
4.3 内容（多用途）标记
4.4 特殊字符
4.5 综合实例
4.1 标题与段落标记的使用
4.1.1 h1、h2、h3、h4、h5与h6
一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标记<hn>,其中n为标题的等级，HTML总共提供六个等级的标题，n越小，标题字号就越大。
hn标记一般格式为：
<hn color=属性值 align=属性值>标题</hn> （n=1,…6）
说明：<hn>的属性有color、align。分别标识标题的颜色和位置(左、右、中间)。
4.1.2 p
为了排列的整齐、清晰，文字段落之间，常用<p></p>来做标记。<p>是HTML格式中特有的段落元素。在HTML格式里不需要在意文章每行的宽度，不必担心文字是不是太长了而被截掉，它会根据窗口的宽度自动转折到下一行。因此，在原始文件中的<p>，指出在这儿告一段落，下面的文字另起一段。如果没有遇到<p>这个符号，它就会把所有的文字都挤在一个段落里，不遇到窗口边界是不会换行的。段落标记里面可以加入文字,列表,表格等。文件段落的开始由<p>来标记，段落的结束由</p>来标记，</p>是可以省略的，因为下一个<p>的开始就意味着上一个<p>的结束。
标记一般格式为：
<p align=属性值>文本</p>
说明：<p>标签有一个常用属性align，它用来指名字符显示时的对齐方式，其值一般有left（左）、center（中）、right（右）三种。
4.1.3 blockquote
<blockquote>标记可定义一个块引用。<blockquote>与</blockquote>之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进，而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。
标记一般格式为：
< blockquote cite=URL>文本</ blockquote >
4.1.4 address
<address>可定义一个地址（比如电子邮件地址）。使用它来定义地址、签名或者文档的作者身份。
不论创建的文档是简短扼要还是冗长完整，都应该确保每个文档都附加了一个地址，这样做不仅为读者提供了反馈的渠道，还可以增加文档的可信度。
标记一般格式为：
<address>文本</address>
4.1.5 pre
<pre>标记可定义预格式化的文本。被包围在<pre>标记中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体。<pre>标记的一个常见应用就是用来表示计算机的源代码。
标记一般格式为：
<pre >
文本块
</pre >
4.2 文本格式标记的使用
4.2.1 em
标记<em>用来表示强调，其文本默认样式为斜体。
<em>标记一般格式为：
<em>文本</em >
4.2.2 strong
标记<strong>把文本定义为语气更强的强调的内容。其文本默认样式为粗体。
<strong>标记一般格式为：
< strong >文本</ strong >
4.2.3 cite
标记<cite>定义引用。可使用该标记对参考文献的引用进行定义，比如书籍或杂志的标题。
<cite>标记一般格式为：
<cite cite=属性值>文本</ cite >
4.2.4 i与b
<i>与<b>标记均是字体样式元素。<i>显示斜体文本效果，<b>呈现粗体文本效果。
<i>与<b>标记一般格式为：
<i>文本</i >
<b>文本</b>
4.2.5 big与small
<big>与<small>标记也是字体样式元素。<big>呈现大号字体效果，<small>呈现小号字体效果。
<big>与<small>标记一般格式为：
<big>文本</big>
<small>文本</small>
4.2.6 tt
<tt>标记呈现类似打字机或者等宽的文本效果。
标记一般格式为：
<tt>文本</ tt >
4.2.7 sup与sub
<sup>与<sub>标记均是用于数学公式、科学符号和化学公式中的标记。<sup>标记可定义上标文本，<sub>标记可定义下标文本。
标记一般格式为：
< sup >文本</ sup >
< sub >文本</ sub >
说明：<sup>与<sub>标记中的文本内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。<sup>标记中的文本出现在当前文本流的上方，而<sub>标记中的文本出现在当前文本流的下方。
4.2.8 q
<q>标记可定义一个短块的引用。标记一般格式为：
<q>文本</q>
说明：<q>与<blockquote>的区别，<q>标记在本质上与<blockquote>是一样的。不同之处在于它们的显示和应用。<q>标记用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用<blockquote>标记。
4.2.9 dfn
<dfn>标记定义一个项目。可标记那些对特殊术语或短语的定义。现在流行的浏览器通常用斜体来显示<dfn>中的文本。
<dfn>标记一般格式为：
<dfn>文本</dfn>
4.2.10 abbr与acronym
<abbr>标记表示一个缩写形式，用于表示web页面上的简称。<abbr>标记最初是在 HTML4.0中引入的，表示它所包含的文本是一个更长的单词或短语的简写形式。浏览器可能会根据这个信息改变对这些文本的显示方式，或者用其他文本代替。
<abbr>标记一般格式为：
< abbr title=“文本”>文本简称</abbr>
4.2.11 del与ins
<del>标记定义文档中已被删除的文本。
<del>标记一般格式为：
<del >文本</del>
<ins>标记定义已经被插入文档中的文本。
<ins>标记一般格式为：
<ins>文本</ins>
说明：<del>与<ins>标签配合使用，来描述文档中的更新和修正。
4.2.12 bdo
<bdo>标记可重新定义文字显示方向。
<bdo>标记一般格式为：
<bdo dir=属性值>文本</bdo>
4.2.13 code、kbd、samp与var
<code>、<kbd>、<samp>与<var>标记常用于显示计算机/编程代码。这几个标记不只是让用户更容易理解和浏览的文档，而且将来某些自动系统还可以利用这些恰当的标签，从的文档中提取信息以及文档中提到的有用参数。提供给浏览器的语义信息越多，浏览器就可以越好地把这些信息展示给用户。
4.2.14 hr
<hr>标记在HTML页面中创建一条水平线。可以在视觉上将文档分隔成各个部分。
<hr>标记一般格式为：
<hr 属性=”属性值”>
4.2.15 marquee
滚动字幕的使用使得整个网页更有动感，显得很有生气。用HTML的<marquee>滚动字幕标签所需的代码最少，能够以较少的下载时间换来较好的效果。<marquee>标记一般格式为：
<marquee 属性=”属性值”>滚动字幕</marquee>
4.3 内容（多用途）标记
4.3.1 div
div是division的简写，division意为分割、区域。<div>标记在HTML中表示一个块，<div>标记可以把文档分割为独立的、不同的部分，因而该标记被称为区隔标记。可以将它用作Web页面的组织工具，设定页面文字、图形、图像、表格等的摆放位置。可以通过CSS样式(style)为其赋予不同的表现。
div标记一般格式为：
<div属性=”属性值”>文档</div>
4.3.2 span
<span>标记在HTML中表示一个组合文档中的行内元素，<span>标记可以把一行文档中的某部分分割为独立的区域，从而实现某种特定效果，因而该标记被称为行内区隔标记。
<span>标记一般格式为：
< span属性=”属性值”>文档</ span >
4.4 特殊字符
特殊字符是指在HTML中具有特别含义的字符，比如小于号<就表示HTML标记的开始，这个小于号是不会显示在最终看到的网页里面。那如果希望在网页中显示一个小于号，该怎么办呢？这时就需要使用一些特殊的代码组合来替代。
在HTML中特殊字符是不能直接使用的。要使用特殊字符，应使用它们的转义序列。在超文本标记语言里，一个特殊字符有两种表达方式，即字符转义序列或数字转义序列。
所谓字符转义序列，实际上就是用有意义的名称来表示特殊字符，通常由前缀“&”，加上字符对应的名称，再加上后缀“;”而组成。其表达方式如下：
&name；
其中name是一个用于表示字符的名称，它是区分大小写的。例如：
& lt; font &lgt;
显示为<font>，若直接写为“<font>“则被认为是一个标注。
所谓数字转义序列，就是用数字来表示文档中的特殊字符，通常由前缀“&#”，加上数值，再加上后缀“;”而组成。
其表达方式如下：
&#D；
其中D是一个十进制数值
小结
文本是HTML网页中的重要内容之一，编写HTML文档时，可以将文本放置在标记之间来设置文本的格式。设置文档中文本的格式内容包括分段与换行、设置段落对齐方式、设置字体、字号和文本颜色以及设置字符样式等。本章学习了HTML语言的标题与段落标记、文本格式中的常用标记以及<div>与<span>标记，HTML语言中特殊字符的组成结构和使用的方法。使用这些标记，告诉Web浏览器如何对文本进行格式化和显示，如何对网页元素进行分割和标记，以形成文本的布局、文字的格式及美观简洁的版面。
本章要点
标题与段落标记的使用
文本格式标记的使用
<div>与<span>标记的使用
HTML中特殊字符的使用
目录：
4.1 标题与段落标记的使用
4.2 文本格式标记的使用
4.3 内容（多用途）标记
4.4 特殊字符
4.5 综合实例
4.1 标题与段落标记的使用
4.1.1 h1、h2、h3、h4、h5与h6
一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标记<hn>,其中n为标题的等级，HTML总共提供六个等级的标题，n越小，标题字号就越大。
hn标记一般格式为：
<hn color=属性值 align=属性值>标题</hn> （n=1,…6）
说明：<hn>的属性有color、align。分别标识标题的颜色和位置(左、右、中间)。
4.1.2 p
为了排列的整齐、清晰，文字段落之间，常用<p></p>来做标记。<p>是HTML格式中特有的段落元素。在HTML格式里不需要在意文章每行的宽度，不必担心文字是不是太长了而被截掉，它会根据窗口的宽度自动转折到下一行。因此，在原始文件中的<p>，指出在这儿告一段落，下面的文字另起一段。如果没有遇到<p>这个符号，它就会把所有的文字都挤在一个段落里，不遇到窗口边界是不会换行的。段落标记里面可以加入文字,列表,表格等。文件段落的开始由<p>来标记，段落的结束由</p>来标记，</p>是可以省略的，因为下一个<p>的开始就意味着上一个<p>的结束。
标记一般格式为：
<p align=属性值>文本</p>
说明：<p>标签有一个常用属性align，它用来指名字符显示时的对齐方式，其值一般有left（左）、center（中）、right（右）三种。
4.1.3 blockquote
<blockquote>标记可定义一个块引用。<blockquote>与</blockquote>之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进，而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。
标记一般格式为：
< blockquote cite=URL>文本</ blockquote >
4.1.4 address
<address>可定义一个地址（比如电子邮件地址）。使用它来定义地址、签名或者文档的作者身份。
不论创建的文档是简短扼要还是冗长完整，都应该确保每个文档都附加了一个地址，这样做不仅为读者提供了反馈的渠道，还可以增加文档的可信度。
标记一般格式为：
<address>文本</address>
4.1.5 pre
<pre>标记可定义预格式化的文本。被包围在<pre>标记中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体。<pre>标记的一个常见应用就是用来表示计算机的源代码。
标记一般格式为：
<pre >
文本块
</pre >
4.2 文本格式标记的使用
4.2.1 em
标记<em>用来表示强调，其文本默认样式为斜体。
<em>标记一般格式为：
<em>文本</em >
4.2.2 strong
标记<strong>把文本定义为语气更强的强调的内容。其文本默认样式为粗体。
<strong>标记一般格式为：
< strong >文本</ strong >
4.2.3 cite
标记<cite>定义引用。可使用该标记对参考文献的引用进行定义，比如书籍或杂志的标题。
<cite>标记一般格式为：
<cite cite=属性值>文本</ cite >
4.2.4 i与b
<i>与<b>标记均是字体样式元素。<i>显示斜体文本效果，<b>呈现粗体文本效果。
<i>与<b>标记一般格式为：
<i>文本</i >
<b>文本</b>
4.2.5 big与small
<big>与<small>标记也是字体样式元素。<big>呈现大号字体效果，<small>呈现小号字体效果。
<big>与<small>标记一般格式为：
<big>文本</big>
<small>文本</small>
4.2.6 tt
<tt>标记呈现类似打字机或者等宽的文本效果。
标记一般格式为：
<tt>文本</ tt >
4.2.7 sup与sub
<sup>与<sub>标记均是用于数学公式、科学符号和化学公式中的标记。<sup>标记可定义上标文本，<sub>标记可定义下标文本。
标记一般格式为：
< sup >文本</ sup >
< sub >文本</ sub >
说明：<sup>与<sub>标记中的文本内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。<sup>标记中的文本出现在当前文本流的上方，而<sub>标记中的文本出现在当前文本流的下方。
4.2.8 q
<q>标记可定义一个短块的引用。标记一般格式为：
<q>文本</q>
说明：<q>与<blockquote>的区别，<q>标记在本质上与<blockquote>是一样的。不同之处在于它们的显示和应用。<q>标记用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用<blockquote>标记。
4.2.9 dfn
<dfn>标记定义一个项目。可标记那些对特殊术语或短语的定义。现在流行的浏览器通常用斜体来显示<dfn>中的文本。
<dfn>标记一般格式为：
<dfn>文本</dfn>
4.2.10 abbr与acronym
<abbr>标记表示一个缩写形式，用于表示web页面上的简称。<abbr>标记最初是在 HTML4.0中引入的，表示它所包含的文本是一个更长的单词或短语的简写形式。浏览器可能会根据这个信息改变对这些文本的显示方式，或者用其他文本代替。
<abbr>标记一般格式为：
< abbr title=“文本”>文本简称</abbr>
4.2.11 del与ins
<del>标记定义文档中已被删除的文本。
<del>标记一般格式为：
<del >文本</del>
<ins>标记定义已经被插入文档中的文本。
<ins>标记一般格式为：
<ins>文本</ins>
说明：<del>与<ins>标签配合使用，来描述文档中的更新和修正。
4.2.12 bdo
<bdo>标记可重新定义文字显示方向。
<bdo>标记一般格式为：
<bdo dir=属性值>文本</bdo>
4.2.13 code、kbd、samp与var
<code>、<kbd>、<samp>与<var>标记常用于显示计算机/编程代码。这几个标记不只是让用户更容易理解和浏览的文档，而且将来某些自动系统还可以利用这些恰当的标签，从的文档中提取信息以及文档中提到的有用参数。提供给浏览器的语义信息越多，浏览器就可以越好地把这些信息展示给用户。
4.2.14 hr
<hr>标记在HTML页面中创建一条水平线。可以在视觉上将文档分隔成各个部分。
<hr>标记一般格式为：
<hr 属性=”属性值”>
4.2.15 marquee
滚动字幕的使用使得整个网页更有动感，显得很有生气。用HTML的<marquee>滚动字幕标签所需的代码最少，能够以较少的下载时间换来较好的效果。<marquee>标记一般格式为：
<marquee 属性=”属性值”>滚动字幕</marquee>
4.3 内容（多用途）标记
4.3.1 div
div是division的简写，division意为分割、区域。<div>标记在HTML中表示一个块，<div>标记可以把文档分割为独立的、不同的部分，因而该标记被称为区隔标记。可以将它用作Web页面的组织工具，设定页面文字、图形、图像、表格等的摆放位置。可以通过CSS样式(style)为其赋予不同的表现。
div标记一般格式为：
<div属性=”属性值”>文档</div>
4.3.2 span
<span>标记在HTML中表示一个组合文档中的行内元素，<span>标记可以把一行文档中的某部分分割为独立的区域，从而实现某种特定效果，因而该标记被称为行内区隔标记。
<span>标记一般格式为：
< span属性=”属性值”>文档</ span >
4.4 特殊字符
特殊字符是指在HTML中具有特别含义的字符，比如小于号<就表示HTML标记的开始，这个小于号是不会显示在最终看到的网页里面。那如果希望在网页中显示一个小于号，该怎么办呢？这时就需要使用一些特殊的代码组合来替代。
在HTML中特殊字符是不能直接使用的。要使用特殊字符，应使用它们的转义序列。在超文本标记语言里，一个特殊字符有两种表达方式，即字符转义序列或数字转义序列。
所谓字符转义序列，实际上就是用有意义的名称来表示特殊字符，通常由前缀“&”，加上字符对应的名称，再加上后缀“;”而组成。其表达方式如下：
&name；
其中name是一个用于表示字符的名称，它是区分大小写的。例如：
& lt; font &lgt;
显示为<font>，若直接写为“<font>“则被认为是一个标注。
所谓数字转义序列，就是用数字来表示文档中的特殊字符，通常由前缀“&#”，加上数值，再加上后缀“;”而组成。
其表达方式如下：
&#D；
其中D是一个十进制数值
小结
文本是HTML网页中的重要内容之一，编写HTML文档时，可以将文本放置在标记之间来设置文本的格式。设置文档中文本的格式内容包括分段与换行、设置段落对齐方式、设置字体、字号和文本颜色以及设置字符样式等。本章学习了HTML语言的标题与段落标记、文本格式中的常用标记以及<div>与<span>标记，HTML语言中特殊字符的组成结构和使用的方法。使用这些标记，告诉Web浏览器如何对文本进行格式化和显示，如何对网页元素进行分割和标记，以形成文本的布局、文字的格式及美观简洁的版面。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
