HTML语言与网页设计
——文本格式
字符格式
（ 1）物理字符样式
常用物理字符样式
FONT标记符
字符格式
（ 2）逻辑字符样式
标题样式
其他逻辑字符样式
常用物理字符样式
常用的设置物理字符样式
的标记符有：黑体标记
<B></B>、斜体标记 <I></I>、
下划线标记 <U></U>等。
演示 ——物理字符样式效果
FONT标记符
<FONT>标记符具有 3个常
用的属性,SIZE,COLOR
和 FACE。
FONT标记符
字号属性的值可以从 1到 7,3是
默认值。该属性值也可以用 + 号
或 - 号来作为相对值指定。
FONT标记符
例如，如果用户想让 Shopping
Basket 一词的字母全部大写，并
希望每一个字母比其他字母大一
号，可使用 HTML 代码如下：
<FONT
SIZE=+1>S</FONT>HOPPING
<FONT SIZE=+1>B</FONT>ASKET
FONT标记符
要想让每个词的首字母为默认字
号，并且其他字母小两号，则
HTML：
S<FONT SIZE=-2>HOPPING</FONT>
B<FONT SIZE=-2>ASKET</FONT>
BASEFONT标记符
使用标记符 <BASEFONT>可以更
改默认的字号属性，方法为：在
需要更改默认字号属性的位置之
前添加语句 <BASEFONT SIZE = n>，
其中 n是 1到 7的整数。
演示 ——<FONT size=“”>
FONT标记符
COLOR 属性
字体标记符的 COLOR 属性可用
来控制文字的颜色，它的使用方
法与正文标记符 <BODY>中使用
的 BGCOLOR 属性相同。
演示 ——<FONT color=“”>
FONT标记符
FACE属性
FACE 属性用来指定字体样式。
在编制网页时，通过在 <FONT>标
记符中指定 <FACE>属性，用户可
以指定一个或几个字体名称（用
逗号隔开）。
演示 ——<FONT face=“”>
标题样式
在 HTML 中，用户可以通过 <Hn>
标记符来标识文档中的标题和副
标题，其中 n 是 1至 6的数字；
<H1>表示最大的标题,<H6>表示
最小的标题。使用标题样式时，
必须使用结束标记符。
演示 ——标题效果
其他逻辑字符样式
其他逻辑字符样式如
<ADDRESS></ADDRESS><CODE></
CODE><CITE></CITE>等,表如书中
所示。
注意：在使用 <CODE>等标记时，
不要忘记将特殊字符转换为参考
字符。
演示 ——逻辑字符样式效果
段落格式
（ 1）分段与换行
分段标记符
换行标记符
添加水平线
段落格式
（ 2）段落对齐
DIV标记符
ALIGN属性
CENTER标记符
分段标记符
分段标记符用于将文档划分为段
落，标记为 <P></P>，其中结束
标记符通常可省略。
换行标记符
换行标记符用于在文档中强制断
行，标记为一个单独的 <BR>。该
标记与分段标记符 <P>是有区别
的。
演示 ——P与 BR
添加水平线
添加水平线的标记符为 <HR>，它包
括 SIZE,WIDTH,NOSHADE 等属性。
SIZE 属性用来改变水平线的粗细程
度。
WIDTH 属性用来更改水平线的长度。
NOSHADE 属性用来使水平线以实线
显示。
添加水平线
COLOL属性
在 Microsoft Internet Explorer 3 及
更高版本中，通过在 <HR>中设置
COLOR属性可以控制水平线的颜
色。
演示 ——水平线效果
DIV 标记符
DIV 标记符用于为文档分节，以
便为文档的不同部分应用不同的
段落格式，其标记为 <DIV></DIV>。
位于 DIV 标记符中的多段文本将
被认为是一个节，可为它们设置
一致的对齐格式。
ALIGN 属性
ALIGN 属性用于设置段落的对齐格式，
其值包括,RIGHT（右对齐）,LEFT
（左对齐）,CENTER（居中对齐）
和 JUSTIFY（两端对齐）。
ALIGN 属性可应用于多种标记符，最
典型的是应用于 DIV,P,Hn（标题
标记符）,HR 等标记符。
CENTER 标记符
如果用户要将文档内容
居中，还可使用 CENTER
标记符，方法为：将需
居中的内容置于
<CENTER>和 </CENTER>之
间。
演示 ——段落对齐
格式嵌套
（ 1）如果所设置的格式是相容的，
则取格式叠加的效果。
（ 2）如果所设置的格式是冲突的，
则取最近样式符的修饰效果。
演示 ——格式嵌套
列表格式
（ 1）有序列表
OL和 LI标记符
有序列表的嵌套
（ 2）无序列表
（ 3）定义列表
有序列表
有序列表（ Ordered list）也称数
字式列表，它是一种在表的各项
前显示有数字或字母的缩排列表。
有序列表
定义有序列表需要使用有序列表标
记符 <OL></OL>和列表项（ List item）
标记符 <LI></<LI>（结束标记符可省
略），语法如下：
– <OL>
– <LI>List item 1
– <LI>List item 2
– </OL>
演示 ——有序列表
有序列表
OL 标记符具有两个常用的属性：
TYPE 和 START，分别用来设置
数字序列样式和数字序列起始值。
START 属性的值可以是任意整数，
TYPE 属性的值如书中表所示。
演示 ——有序列表的数字样式
有序列表
当位于 OL 标记符内时,LI 标记具有
两个常用的属性,TYPE 和 VALUE。
TYPE 属性用于设置数字样式，取值
与 OL 的 TYPE 属性相同； VALUE 属
性用于指定一个新的数字序列起始
值，以获得非连续性的数字序列。
有序列表的嵌套
演示 ——有序列表的嵌套
无序列表
无序列表（ Unordered list）也称
强调式列表，它是一种在表的各
项前显示有特殊项目符号的缩排
列表。
无序列表
定义无序列表需使用无序列表标记
符 <UL></UL>和列表项标记符
<LI></LI>。与 OL 标记符类似,UL 标
记符也包含一个常用的 TYPE 属性，
用于控制列表项前特殊符号的显示。
同时，无序列表中的 LI 标记符也具
有相同的 TYPE 属性。
无序列表
注意：在 Internet Explorer 中，
TYPE 的值是区分大小写的。
与有序列表类似，无序列表也可
以嵌套。另外，有序列表和无序
列表也可互相嵌套。
演示 ——无序列表
定义列表
定义列表（ Definition list）用于定
义术语，它是一种在表的各项前
没有任何数字和符号的缩排列表。
定义列表
创建定义列表应使用定义列表标
记符 DL、定义术语（ Definition
term）标记符 DT和定义描述
（ DD）标记符。 DL 标记符必须
有结束标记，但 DT 和 DD 标记符
的结束标记可以省略。
演示 ——定义列表
总结
使用物理字符样式可通过标记符为
某些文字设置特殊格式，例如黑体、
斜体等。
FONT 标记符的 SIZE,COLOR 和
FACE 属性分别用于设置文字的字号、
颜色和字体。
总结
逻辑字符样式可为文档中具有特殊
含义的内容指定格式，最常用的是
标题样式 Hn。
P 标记符用于分段； BR 标记符用于
换行； HR 标记符用于添加水平线。
总结
DIV 标记符可用于为文档分节，
ALIGN 属性用于设置段落对齐
使用 OL 和 LI 标记符可创建有序
列表。
总结
使用 UL 和 LI 标记符可创建无序
列表。
使用 DL,DT 和 DD 标记符可创
建定义列表。
——文本格式
字符格式
（ 1）物理字符样式
常用物理字符样式
FONT标记符
字符格式
（ 2）逻辑字符样式
标题样式
其他逻辑字符样式
常用物理字符样式
常用的设置物理字符样式
的标记符有：黑体标记
<B></B>、斜体标记 <I></I>、
下划线标记 <U></U>等。
演示 ——物理字符样式效果
FONT标记符
<FONT>标记符具有 3个常
用的属性,SIZE,COLOR
和 FACE。
FONT标记符
字号属性的值可以从 1到 7,3是
默认值。该属性值也可以用 + 号
或 - 号来作为相对值指定。
FONT标记符
例如，如果用户想让 Shopping
Basket 一词的字母全部大写，并
希望每一个字母比其他字母大一
号，可使用 HTML 代码如下：
<FONT
SIZE=+1>S</FONT>HOPPING
<FONT SIZE=+1>B</FONT>ASKET
FONT标记符
要想让每个词的首字母为默认字
号，并且其他字母小两号，则
HTML：
S<FONT SIZE=-2>HOPPING</FONT>
B<FONT SIZE=-2>ASKET</FONT>
BASEFONT标记符
使用标记符 <BASEFONT>可以更
改默认的字号属性，方法为：在
需要更改默认字号属性的位置之
前添加语句 <BASEFONT SIZE = n>，
其中 n是 1到 7的整数。
演示 ——<FONT size=“”>
FONT标记符
COLOR 属性
字体标记符的 COLOR 属性可用
来控制文字的颜色，它的使用方
法与正文标记符 <BODY>中使用
的 BGCOLOR 属性相同。
演示 ——<FONT color=“”>
FONT标记符
FACE属性
FACE 属性用来指定字体样式。
在编制网页时，通过在 <FONT>标
记符中指定 <FACE>属性，用户可
以指定一个或几个字体名称（用
逗号隔开）。
演示 ——<FONT face=“”>
标题样式
在 HTML 中，用户可以通过 <Hn>
标记符来标识文档中的标题和副
标题，其中 n 是 1至 6的数字；
<H1>表示最大的标题,<H6>表示
最小的标题。使用标题样式时，
必须使用结束标记符。
演示 ——标题效果
其他逻辑字符样式
其他逻辑字符样式如
<ADDRESS></ADDRESS><CODE></
CODE><CITE></CITE>等,表如书中
所示。
注意：在使用 <CODE>等标记时，
不要忘记将特殊字符转换为参考
字符。
演示 ——逻辑字符样式效果
段落格式
（ 1）分段与换行
分段标记符
换行标记符
添加水平线
段落格式
（ 2）段落对齐
DIV标记符
ALIGN属性
CENTER标记符
分段标记符
分段标记符用于将文档划分为段
落，标记为 <P></P>，其中结束
标记符通常可省略。
换行标记符
换行标记符用于在文档中强制断
行，标记为一个单独的 <BR>。该
标记与分段标记符 <P>是有区别
的。
演示 ——P与 BR
添加水平线
添加水平线的标记符为 <HR>，它包
括 SIZE,WIDTH,NOSHADE 等属性。
SIZE 属性用来改变水平线的粗细程
度。
WIDTH 属性用来更改水平线的长度。
NOSHADE 属性用来使水平线以实线
显示。
添加水平线
COLOL属性
在 Microsoft Internet Explorer 3 及
更高版本中，通过在 <HR>中设置
COLOR属性可以控制水平线的颜
色。
演示 ——水平线效果
DIV 标记符
DIV 标记符用于为文档分节，以
便为文档的不同部分应用不同的
段落格式，其标记为 <DIV></DIV>。
位于 DIV 标记符中的多段文本将
被认为是一个节，可为它们设置
一致的对齐格式。
ALIGN 属性
ALIGN 属性用于设置段落的对齐格式，
其值包括,RIGHT（右对齐）,LEFT
（左对齐）,CENTER（居中对齐）
和 JUSTIFY（两端对齐）。
ALIGN 属性可应用于多种标记符，最
典型的是应用于 DIV,P,Hn（标题
标记符）,HR 等标记符。
CENTER 标记符
如果用户要将文档内容
居中，还可使用 CENTER
标记符，方法为：将需
居中的内容置于
<CENTER>和 </CENTER>之
间。
演示 ——段落对齐
格式嵌套
（ 1）如果所设置的格式是相容的，
则取格式叠加的效果。
（ 2）如果所设置的格式是冲突的，
则取最近样式符的修饰效果。
演示 ——格式嵌套
列表格式
（ 1）有序列表
OL和 LI标记符
有序列表的嵌套
（ 2）无序列表
（ 3）定义列表
有序列表
有序列表（ Ordered list）也称数
字式列表，它是一种在表的各项
前显示有数字或字母的缩排列表。
有序列表
定义有序列表需要使用有序列表标
记符 <OL></OL>和列表项（ List item）
标记符 <LI></<LI>（结束标记符可省
略），语法如下：
– <OL>
– <LI>List item 1
– <LI>List item 2
– </OL>
演示 ——有序列表
有序列表
OL 标记符具有两个常用的属性：
TYPE 和 START，分别用来设置
数字序列样式和数字序列起始值。
START 属性的值可以是任意整数，
TYPE 属性的值如书中表所示。
演示 ——有序列表的数字样式
有序列表
当位于 OL 标记符内时,LI 标记具有
两个常用的属性,TYPE 和 VALUE。
TYPE 属性用于设置数字样式，取值
与 OL 的 TYPE 属性相同； VALUE 属
性用于指定一个新的数字序列起始
值，以获得非连续性的数字序列。
有序列表的嵌套
演示 ——有序列表的嵌套
无序列表
无序列表（ Unordered list）也称
强调式列表，它是一种在表的各
项前显示有特殊项目符号的缩排
列表。
无序列表
定义无序列表需使用无序列表标记
符 <UL></UL>和列表项标记符
<LI></LI>。与 OL 标记符类似,UL 标
记符也包含一个常用的 TYPE 属性，
用于控制列表项前特殊符号的显示。
同时，无序列表中的 LI 标记符也具
有相同的 TYPE 属性。
无序列表
注意：在 Internet Explorer 中，
TYPE 的值是区分大小写的。
与有序列表类似，无序列表也可
以嵌套。另外，有序列表和无序
列表也可互相嵌套。
演示 ——无序列表
定义列表
定义列表（ Definition list）用于定
义术语，它是一种在表的各项前
没有任何数字和符号的缩排列表。
定义列表
创建定义列表应使用定义列表标
记符 DL、定义术语（ Definition
term）标记符 DT和定义描述
（ DD）标记符。 DL 标记符必须
有结束标记，但 DT 和 DD 标记符
的结束标记可以省略。
演示 ——定义列表
总结
使用物理字符样式可通过标记符为
某些文字设置特殊格式，例如黑体、
斜体等。
FONT 标记符的 SIZE,COLOR 和
FACE 属性分别用于设置文字的字号、
颜色和字体。
总结
逻辑字符样式可为文档中具有特殊
含义的内容指定格式，最常用的是
标题样式 Hn。
P 标记符用于分段； BR 标记符用于
换行； HR 标记符用于添加水平线。
总结
DIV 标记符可用于为文档分节，
ALIGN 属性用于设置段落对齐
使用 OL 和 LI 标记符可创建有序
列表。
总结
使用 UL 和 LI 标记符可创建无序
列表。
使用 DL,DT 和 DD 标记符可创
建定义列表。
