网页设计与制作案例教程（HTML5+CSS3+JavaScript）（微课版）（第2版） 课件 案例3知识点：HTML列表标记.pptx

我们毕业啦其实是答辩的标题地方HTML列表标记

HTML列表标记前面的案例中用到了列表标记，下面详细介绍列表标记的使用

HTML列表标记列表标记有无序列表标记、有序列表标记、列表标记的嵌套和自定义列表标记。无序列表标记ul~/ul14有序列表标记ol~/ol2列表标记嵌套自定义列表标记dl~/dl33

HTML列表标记无序列表标记语法格式：ulli列表项1/lili列表项2/lili列表项3/li....../ul说明:“ul”是英文“unorderedlist”（无序列表）的缩写。

HTML列表标记无序列表标记例3-1：example01.htmlli与/li相当于一个容器，可以容纳所有的网页元素。ul和/ul中只能嵌套li和/li，不要在ul和/ul中直接输入文字。注意

HTML列表标记有序列表标记语法格式：olli列表项1/lili列表项2/lili列表项3/li....../ol说明:“ol”是英文“orderedlist”（有序列表）的缩写。

HTML列表标记有序列表标记例3-2：example02.html

HTML列表标记嵌套例3-3：example03.htmlHTML中可以实现列表的嵌套，也就是说，无序列表或有序列表的列表项中还可以包含有序或无序列表。

HTML列表标记自定义列表标记语法格式：dldt条目1/dtdd数据/dd...dt条目2/dtdd数据/dd....../dl说明：“dl”是英文“definitionlist”（定义列表）的缩写“dt”是英文“definitionterm”的缩写，表示条目名称“dd”是英文“definitiondata”的缩写，表示条目的数据内容dt标记中不仅可以放入文字，还可以放入图片

HTML自定义列表标记自定义列表标记例3-4：example04.html

小结本次微课介绍了HTML5的无序列表（ul）、有序列表（ol）、列表嵌套和自定义列表（dl），熟练使用各种列表可以使内容有序、整齐地显示到网页上。

我们毕业啦其实是答辩的标题地方感谢观看