课程主题使用项目符号和列表超链接等标签设计网页网页客户端.pptx

网页客户端技术课程现代殡葬技术与管理专业群教学资源库主讲人：严志课程主题：使用项目符号和列表、超链接等标签设计网页

使用项目符号和列表、超链接等标签设计网页任务5项目符号和列表标签01超链接标签02

使用项目符号和列表、超链接等标签设计网页五项目符号和列表标签01在Word中项目符号和编号功能可以对文字进行无序或有序排列显示，以增强文字的布局。网页中也提供了这样的功能－项目符号和列表，项目符号和列表标签如下表所示。标签名称功能描述ul定义无序列表ol定义有序列表li定义列表的项目dl定义定义列表dt定义定义列表中的项目dd定义定义列表中项目的描述dir不赞成使用，定义目录列表menu定义命令的列表或菜单menuitem定义用户可以从弹出菜单调用的命令/菜单项目

（1）无序列表ul无序列表ul使用li列出列表项，在列表项前可使用实心圆形、空心圆形和实心小矩形表示，由type属性取值决定，type属性可以取值disc、circle、square，默认为disc。示例如下：ultype=discli咖啡/lili茶/lili牛奶/li/ul以上无序列表的效果如图：使用项目符号和列表、超链接等标签设计网页五

（2）有序列表ol有序列表ol也使用li列出列表项，同样，由type属性取值决定使用什么样的序号：1、A、a、I、i，，默认为1。示例如下：oltype=1li苹果/lili香蕉/li li柠檬/lili桔子/li/ol以上有序列表的效果如图：使用项目符号和列表、超链接等标签设计网页五

（3）定义列表dldl标签定义了定义列表，其中使用了dt标签定义列表中的项目，dd标签描述列表中的项目。示例如下：dldt计算机/dtdd用来计算的仪器....../dddt显示器/dtdd以视觉方式显示信息的装置....../dd/dl以上定义列表的效果如图：使用项目符号和列表、超链接等标签设计网页五

例1-10ul和li应用示例!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlxmlns=/1999/xhtmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/title使用ul和li设计菜单中的菜单项/title/head使用项目符号和列表、超链接等标签设计网页五

使用项目符号和列表、超链接等标签设计网页五bodyulid=navliJava面向对象编程ulli表格化教案/lili方法库/lili原理库/lili案例库/lili视频库/lili辅助资源库/lili优秀学生作品库/lili课程管理/li/ul/liliAndroid移动开发ulli表格化教案/lili视频库/lili教学案例资源库/lili知识资源库/lili辅助资源库/lili辅课程管理(限)/li/ul/li/ul/body/html本内容来源于网络，如有侵权，请联系我们删除

例1-10知识点：注意无序列表ul、li标签的嵌套使用；在很多网站中，常用ulli+CSS来设计菜单。使用项目符号和列表、超链接等标签设计网页五

案例练习—百度热搜排行榜五

感谢聆听，批评指导