表3-1属性tpe指定符号的类型 取值 符号说 示例 数字(缺省)1、2、3 大写英文字母 小写英文字母 大写罗马字母 Il、ⅢI 小写罗马字母 lll ②在<OL>后指定符号的样式,可设定到<OL>表 项指定新的符号。 ③在浏览器中显示时,有序列表整个表项与上下 段文本之间各有一行空白;列表项目向右缩进并左对 齐;各表项前带顺序号
表3-1 属性type指定符号的类型 取值 符号说明 示例 1 数字（缺省） 1、2、3 A 大写英文字母 A、B、C a 小写英文字母 a、b、c I 大写罗马字母 Ⅰ、Ⅱ、Ⅲ i 小写罗马字母 ⅰ、ⅱ、ⅲ ② 在<OL>后指定符号的样式，可设定到</OL>表 项指定新的符号。 ③ 在浏览器中显示时，有序列表整个表项与上下 段文本之间各有一行空白；列表项目向右缩进并左对 齐；各表项前带顺序号
【例3-3】有序列表应用示例 <HTML> <HEAD>< TITLE>有序列表</ TITLE><HEAD> KBODYY P align= center)< FONT cOlor= blue size=4><B>中国文学</B</FON></P> FONT cOlor= purple中国古典文学</FONT LI>红楼梦 国演义 LI>水浒传 LⅠ>西游记 <> </OL> L type=I> FONT color=purple> 中国近现代文学 K/FONT> LI>阿Q正传 <LⅠ>围城 LI>四世同堂 <LI>家.春.秋 < LI type=a>编辑部的故事 </OL> K/BODY> 在浏览器中的显示效果 </HTML>
【例3-3】有序列表应用示例。 <HTML> <HEAD><TITLE>有序列表</TITLE></HEAD> <BODY> <P align=center><FONT color=blue size=4><B>中国文学</B></FONT></P> <OL> <FONT color=purple>中国古典文学</FONT> <LI>红楼梦 <LI>三国演义 <LI>水浒传 <LI>西游记 <BR> </OL> <OL type=I> <FONT color=purple> 中国近现代文学 </FONT> <LI>阿Q正传 <LI>围城 <LI>四世同堂 <LI>家.春.秋 <LI type=a>编辑部的故事 </OL> </BODY> </HTML> 在浏览器中的显示效果
4.定义列表标记 用定义列表表示单词或语句,使之具有交互凹进 的特点。定义列表使用标记⑩DL>、<①T>和<DD>。DT 往往用于定义单词,<DD>用于定义语句。由<DT>定义 的项目会自动换行左对齐,但项目之间没有空行。格 式为 <DL> <DT>定义单词1 <DD>单词1的说明 DT>定义单词2 <D>单词2的说明 K/DL 与<Ⅰ标记一样,<DT>、<DD>也为单标记
4. 定义列表标记 用定义列表表示单词或语句，使之具有交互凹进 的特点。定义列表使用标记<DL>、<DT>和<DD>。<DT> 往往用于定义单词，<DD>用于定义语句。由<DT>定义 的项目会自动换行左对齐，但项目之间没有空行。格 式为： <DL> <DT> 定义单词1 <DD> 单词1的说明 <DT> 定义单词2 <DD> 单词2的说明 … … </DL> 与<LI>标记一样，<DT>、<DD>也为单标记
5.列表的嵌套 列表嵌套把主页分为多个层次,例如书的目录, 给人以很强的层次感。有序列表和无序列表不仅可以 自身嵌套,而且彼此可互相嵌套。 【例3-4】无序列表中套无序列表 <HTML> <HEAD><TTLE>无序列表中套无序列表</ TITLE></HEAD> <BODY> < FONT color= b lue size=3>“无序列表中套无序列表”示例</FONT> LI>中国古典文学 KUL LIⅠ>红楼梦 <LI>三国演义 LI>水浒传 LⅠ>西游记 </UL>
5. 列表的嵌套 列表嵌套把主页分为多个层次，例如书的目录， 给人以很强的层次感。有序列表和无序列表不仅可以 自身嵌套，而且彼此可互相嵌套。 【例3-4】无序列表中套无序列表。 <HTML> <HEAD><TITLE>无序列表中套无序列表</TITLE></HEAD> <BODY> <FONT color=blue size=3>“无序列表中套无序列表”示例</FONT> <UL> <LI>中国古典文学 <UL> <LI>红楼梦 <LI>三国演义 <LI>水浒传 <LI>西游记 </UL>
LI>中国近现代文学 LI>阿Q正传 <LI>围城 LI>四世同堂 ①LⅠ>家.春.秋 <LⅠ>编辑部的故事 </OL> </UL> /BODY> </HTML> 在浏览器中的显示效果
<LI>中国近现代文学 <OL type=a> <LI>阿Q正传 <LI>围城 <LI>四世同堂 <LI>家.春.秋 <LI>编辑部的故事 </OL> </UL> </BODY> </HTML> 在浏览器中的显示效果