任务2.3网页设计与制作案例教程（HTML+CSS+JavaScript）列 表.pptxVIP

任务2.3列表

任务介绍使用列表标签制作社会主义核心价值观页面，社会主义核心价值观以“三个倡导”为基本内容，按倡导类型分层

任务分析网页中经常出现一些系列文本，他们互相关联，层次清楚，就像word中的项目符号一样，网页中的相关信息如何进行合理的布局呢？是否能像word一样对文本前面的符号进行替换呢？

1◎无序列表◎有序列表◎定义列表

列表标签无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于ul标签。每个列表项始于li。HTML支持有序、无序和定义列表。语法：ultype=编号类型li第一项/lili第二项/lili第三项/li/ultype决定列表的图标类型disc表示实心圆circle表示空心圆square表示小方块默认情况下为实心圆2列表标签1、无序列表案例

有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于ol标签。每个列表项始于li标签。语法：oltype=编号类型start=valueli第一项/lili第二项/lili第三项/li/oltype类型描述type=1表示列表项目用数字标号（1,2,3…）type=A表示列表项目用大写字母标号（A,B,C…）type=a表示列表项目用小写字母标号（a,b,c…）type=Ⅰ表示列表项目用大写罗马数字标号（Ⅰ,Ⅱ,Ⅲ…）type=ⅰ表示列表项目用小写罗马数字标号（ⅰ,ⅱ,ⅲ…）2.有序列表案例

有序列表和无序列表的使用格式基本相同。举例：ulli人工智能学院/liolli计算机软件/lili计算机网络/li/olli智能制造学院/liolli土木工程/lili工程造价/li/ol3.嵌套列表案例

使用dl标签定义了定义列表（definitionlist），定义列表多用于对术语或名词的描述，同时，定义列表项前面无任何项目符号。举例：dldt名词1/dtdd名词1解释1/dd...dt名词2/dtdd名词2解释1/dd.../dl?dd?（描述列表中的项目）dl标签用于结合dtdd实现?dt?（定义列表中的项目）4.定义列表案例