1.2.2 XHTML格式标记
文本是网页的重要内容。编写XHTML文档时，可以将文本放在标记之间来设置文本的格式。文本格式包括分段、换行、段落对齐方式、字体、字号、文本颜色及字符样式等。
1.分段标记
分段标记的格式如下：
<p属性="值"…>…</p>
段落是文档的基本信息单位，利用分段标记可以忽略文档中原有的回车和换行来定义一个新段落，或换行并插入一个空格。
单独用<p>标记时会空一行，使后续内容隔行显示；同时使用<p>和</p>标记则将段落包围起来，表示一个分段的块。
分段标记常用属性为align，表示段落的水平对齐方式。其取值可以是lef（t左对齐）、center（居中）、right（右对齐）和justify（两端对齐），例如：
<p align="center">分段标记演示</p>
在下面的标记中还会经常用到align属性，当该属性省略时取默认值left。
2.换行标记
换行标记为<br />，该标记将强行中断当前行，使后续内容在下一行显示。
3.标题标记
标题标记的格式如下：
<hn属性="值">…</hn>
其中hn的取值为h1、h2、h3、h4、h5和h6，都表示黑体，h1表示字最大，h6表示字最小。标题标记的常用属性也是align，与分段标记类似。
4.对中标记
对中标记的格式如下：
<center>…</center>
此标记的作用是将标记中间的内容全部居中。
5.块标记
块标记的格式如下：
<div属性="值"…>…</div>
块标记的作用是定义文档块，常用的属性也是align。
【例1.2】应用前面提到的各种标记。
新建1_2ex.html文件，输入以下代码：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>标记应用</title>
</head>
<body>
<p align="center">分段标记</p>
换行标记<br />
<center>对中标记</center><br /><br />
<div align="center">下面使用了div标记
<h1>标题标记1</h1>
<h2>标题标记2</h2>
<h3 align="left">标题标记3</h3>
</div>
</body>
</html>
双击1_2ex.html文件，运行结果如图1.4所示。
图1.4 1_2ex.html运行结果
实际上，<div>标记在更多情况下用于布局，例如：
<div id="top">
<div id="logo">…</div>
<div id="ad">…</div>
<div id="set">…</div>
</div>
<div id="center">
<div id="left">…</div>
<div id="right">…</div>
</div>
<div id="bottom">
</div>
如此设置样式，布局效果如图1.5所示。
图1.5 <div>的布局
另外，<span>用于在一行内布局。它仅在行内定义一个区域，即在一行内可以被数个span元素划分成几个区域，从而实现某种特定的布局效果。不仅如此，span元素还能定义宽和高，例如：
<div id=" top"… >
<span …> …</span>
<span …> …
<span …> …</span>
</span>
</div>
span元素作为文本或其他内联元素的容器，与div元素一样在CSS布局中有着不可忽视的作用。
6.水平线标记
水平线标记用于在文档中添加一条水平线，分隔文档，格式如下：
<hr属性="值"…/>
该标记常用的属性有align、color、noshade、size和width。align表示水平线的对齐方式；color表示线的颜色；noshade没有值，显示一条无阴影的实线；size是线的宽度（以像素为单位）；width是线的长度（像素或百分比）。例如：
<hr /> <hr size="2"width="300"noshade="noshade" /> <hr size="6" width="60%" color="red" align="center" />
7.字体标记
字体标记用于设置文本的字符格式，主要包括字体、字号和颜色等，格式如下：
<font属性="值"…>…</font>
该标记常用的属性如下。
● face：其值为一个或多个字体名，中间用逗号隔开。浏览器首先使用第1种字体显示标记内的文本。如果浏览器所在的计算机中没有安装第1种字体，则尝试使用第2种字体……以此类推，直到找到匹配的字体为止。如果face中列出的字体都不符合，则使用默认字体。例如：
<font face="黑体,楷体-GB2312,仿宋-GB2312" >设置字体</font>
● size：指定字体的大小，值为1～7，默认值为3。size值越大，字就越大。也可以使用“+”或“−”来指定相对字号。例如：
<font size="6">这是6号字</font> <font size="+3">这也是6号字</font>
● color：指定字体的颜色，颜色值在表1.1中已经列出。
8.固定字体标记
固定字体标记的格式如下：
<b>粗体</b> <i>斜体</i> <big>大字体</big> <small>小字体</small> <tt>固定宽度字体</tt>
9.标线标记
标线标记的格式如下：
<sup>上标</sup> <sub>下标</sub> <u>下画线</u> <s>删除线</s>
10.特殊标记
在网页中，一些特殊符号（如多个空格和版权符号“©”等）是不能直接输入的，这时可以使用字符实体名称或数字表示方式。例如，要在网页中输入一个空格，可以输入“ ”或“ ”。表1.2列出了一些常用的特殊符号和它们的实体名称及数字表示。
表1.2 常用的特殊符号和它们的实体名称及数字表示
11.列表标记
列表标记可以分为有序列表标记、无序列表标记和描述性列表标记。
（1）有序列表标记
有序列表是在各列表项前面显示数字或字母的缩排列表，可以使用有序列表标记<ol>和列表项标记<li>来创建，格式如下：
<ol属性="值"…>
<li>列表项1</li>
<li>列表项2</li>
…
<li>列表项n</li>
</ol>
说明：
● <ol>标记用于控制有序列表的样式和起始值，它通常有start和type两个常用的属性。start是数字序列的起始值；type是数字序列的列样式，type值有1、A、a、Ⅰ、i。1表示阿拉伯数字1、2、3等；A表示大写字母A、B、C等；a表示小写字母a、b、c等；Ⅰ表示大写罗马数字Ⅰ、Ⅱ、Ⅲ等；i表示小写罗马数字i、ii、iii等。
● <li>标记用于定义列表项，位于<ol>和</ol>标记之间。<li>有type和value两个常用属性。type是数字样式，取值与<ol>标记的type属性相同；value指定新的数字序列起始值以获得非连续性数字序列。
（2）无序列表标记
无序列表是一种在各列表项前面显示特殊项目符号的缩排列表，可以使用无序列表标记<ul>和列表项标记<li>来创建，格式如下：
<ul属性="值"…>
<li>列表项1</li>
<li>列表项2</li>
…
<li>列表项n</li>
</ul>
说明：无序列表标记<ul>常用的属性是type，其取值为disc、circle和square。它们分别表示用实心圆、空心圆和方块作为项目符号。
（3）描述性列表标记
描述性列表标记<dl>和<dd>，本身并不具备作为列表显示的意义。只有当它们与<ul>或<ol>标签结构组合起来使用时，才能更好地表现出描述列表的作用。
比如，很多使用<dl>和<dd>来布局的网站的典型结构代码如下：
<div id=”sidebar”>
<dl>
<dt>栏目标题1</dt>
<dd>
<ul>
<li>新闻标题1</li>
…
<li>新闻标题n</li>
</ul>
</dd>
…
<dt>栏目标题n</dt>
<dd>
<ul>
<li>新闻标题1</li>
…
<li>新闻标题n</li>
</ul>
</dd>
</dl>
</div>
这种简单的<dl>和<dd>组合更适合作为不同内容段的描述。
【例1.3】创建一个有序列表，要求列表描述项的字体为黑体，斜体，颜色为红色，字号为4，列表项序列从B开始。
新建1_3ex.html文件，输入以下代码：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>有序列表</title>
</head>
<body>
<font face="黑体" color="red" size="4"><i>计算机课程</i></font>
<ol type="A" start="2">
<li>计算机导论</li>
<li>操作系统</li>
<li>计算机原理</li>
<li>数据结构</li>
</ol>
</body>
</html>
运行1_3ex.html文件，结果如图1.6所示。
图1.6 1_3ex.html运行结果