工业UI开发技术-课件 2-1-3 HTML列表.pptxVIP

HTML列表深圳市信息职业技术学院

HTML有序列表01目录0203HTML无序列表HTML自定义列表

本节目标 本任务需要了解的HTML内容包括：HTML的概念，发展历程。需要掌握的是HTML文本相关标签，列表，图片，多媒体，表格，表单标签以及行级与块级标签的分类。通过本节学习可以：了解HTML发展历程。掌握HTML常用标签。掌握常用标签的常用属性。

01HTML有序列表

HTML有序列表h4快乐家族/h4olli何炅/lili谢娜/lili维嘉/lili海涛/lili吴昕/li/ol提示：1、ol标签定义有序列表。2、li标签定义每一个列表项目。

02HTML无序列表

HTML无序列表h4快乐家族/h4ulli何炅/lili谢娜/lili维嘉/lili海涛/lili吴昕/li/ul提示：1、ul标签定义无序列表。2、li标签定义每一个列表项目。

HTML无序多级列表ulli咖啡ulli浓缩咖啡/lili美式咖啡/lili拿铁咖啡/li/ul/lili茶ulli红茶/lili绿茶/li/ul/lili牛奶/li/ul

03HTML自定义列表

HTML自定义列表提示：1、dl标签定义了定义列表（definitionlist）。2、dt：定义列表中的项目3、dd：描述列表中的项目4、一个dt后面可以跟一个或者多个dd

列表注意事项1、ul或ol里面的li有个数限制吗？ 没有2、li可以不被ul或ol包住吗？ 不行3、ul或ol里面的第一层元素，可以不是li吗？ 不可以4、li里面可以放其它元素吗？ 随便放5、dt和dd一定是什么关系？ 并列关系6、dl里面第一层元素可以放li、div吗？不可以，只能放dt、dd

THANKYOU深圳市信息职业技术学院