"网页设计-列表项目.ppt:无序列表ul的格式与样本"

0 下载量 22 浏览量 更新于2024-01-03 收藏 309KB PPT 举报
"网页设计-列表项目.ppt"是一份关于列表项目的网页设计的演示文稿。在第5章中,介绍了列表项目的不同类型和相关规则。 5.1 无序列表(ul): 无序列表是一种在表的各项前显示有特殊项目符号的列表,也称为强调式列表。使用无序列表标记符<UL></UL>和列表项(List item)标记符<LI></LI>来定义无序列表。 无序列表的格式为: <ul type=值> <li>项目符号 <li>项目符号 …… </ul> 在无序列表中,可以通过使用type属性来控制标号的类型。常见的type取值有: - 方形实心的行标号■ (type=square) - 空心圆点的行标号○ (type=circle) - 实心圆点的行标号● (type=disc,默认项) 5.2 有序列表(ol): 有序列表是一种按照一定的顺序排列的列表,每个项目都有一个编号。使用有序列表标记符<OL></OL>和列表项(List item)标记符<LI></LI>来定义有序列表。 有序列表的格式与无序列表类似: <ol type=值> <li>项目符号 <li>项目符号 …… </ol> 与无序列表相同,type属性可以用来控制标号的类型。常见的type取值有: - 数字编号(默认项) - 小写字母编号(a, b, c...) - 大写字母编号(A, B, C...) - 小写罗马数字编号(i, ii, iii...) - 大写罗马数字编号(I, II, III...) - 自定义编号(使用start属性来指定起始值) 5.3 嵌套列表: 嵌套列表是指在一个列表项中嵌套另一个列表。可以在无序列表或有序列表中嵌套无序列表或有序列表。 嵌套列表的格式为: <ul> <li>项目符号 <ul> <li>嵌套的项目符号 <li>嵌套的项目符号 </ul> </li> <li>项目符号</li> </ul> 5.4 定义列表(dl/dt/dd): 定义列表用于显示术语及其对应的定义。使用定义列表标记符<DL></DL>、定义术语标记符<DT></DT>和定义标识符<dd></dd>来定义定义列表。 定义列表的格式为: <dl> <dt>术语</dt> <dd>定义</dd> <dt>术语</dt> <dd>定义</dd> </dl> 无序列表样本: <ul> <li>奥运加油</li> <li>世界杯冠军</li> <li>学习英语</li> </ul> 总结: 网页设计中的列表项目包括无序列表(ul)、有序列表(ol)、嵌套列表和定义列表(dl/dt/dd)。无序列表通过特殊项目符号强调每项的重要性,有序列表按照一定的顺序排列每个项目,嵌套列表将一个列表嵌套在另一个列表项中,定义列表用于显示术语定义。在生成列表项目时,需要使用相应的标记符号和属性来定义列表项的样式和类型。通过合理运用列表项目,可以使网页内容更有条理和可读性。