知方号

知方号

HTML学习笔记之列表控件 无序列表 ul(Unordered List) 、有序列表 ol(Ordered List) 、定义列表 dl(Definition List)<自定义列表dd全称>

最近在看HTML基础的东西,做个笔记给个自己学习留个记录,同时也给初学HTML的朋友一个参考。

HTML的列表控件分为三类:无序列表 unordered list有序列表 ordered list自定义表 definition list1. 无序列表 (Unordered List)与例子、名称、组件、想法或选项的列表相关的都可以用做无序列表。无序列表显示前列表有符号,可以使用样式表(CSS)更改符号样式或更改成图片。ul 无序列表元素li 列表项

代码示例:

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 无序列表 默认样式: 咖啡 茶 牛奶 使用ul元素的type属性更改列表项的样式: 咖啡 茶 牛奶 咖啡 茶 牛奶 咖啡 茶 牛奶 使用CSS的list-style-type控制列表符号的样式: 咖啡 茶 牛奶 咖啡 茶 牛奶 咖啡 茶 牛奶 咖啡 茶 牛奶 使用CSS的list-style-position属性更改列表符号的位置: 咖啡阿斯顿发沙发沙发上大发犬瘟热去玩儿去玩儿去玩儿去玩儿去玩儿去玩儿去玩儿去玩儿一天与人同一个电话的 茶阿斯顿发生的发生的发生法大赛的发生的发送发沙发上的发生的发生的发送发生的发生的发生的发生的发送方 牛奶 使用CSS的list-style-position属性更更改列表符号的位置: 咖啡阿斯顿发沙发沙发上大发犬瘟热去玩儿去玩儿去玩儿去玩儿去玩儿去玩儿去玩儿去玩儿一天与人同一个电话的 茶阿斯顿发生的发生的发生法大赛的发生的发送发沙发上的发生的发生的发送发生的发生的发生的发生的发送方 牛奶

 

 

实际效果:

 

2. 有序列表 (Ordered List)有序列表用于以特定徐顺放声的列表项。ol 有序列表元素li 列表项

代码示例:

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  有序列表: 咖啡 茶 牛奶 有序列表也可以更改列表符号位其他的值: 咖啡 茶 牛奶

显示效果:

 

3.自定义列表(Definition List) 定义列表用户带有各自定义的属于列表。

dl 定义列表元素

dt 一项

dd 一个定义

 

 

代码示例:

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  自定义列表 Coffee Black hot drink Milk White cold drink

显示效果:

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至lizi9903@foxmail.com举报,一经查实,本站将立刻删除。