常用的列表分为无序列表、有序列表、和定义列表三种。另外还有不太常用的目录列表和菜单列表。
无序列表(ul)有序列表(ol)定义列表(dl)目录列表(dir)菜单列表(menu)
无序列表
无序列表是一个没有特定顺序的相关条目的集合。
<ul type=" ">
<li>项目名称<li>
<li>项目名称<li>
……
</ul>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>
<body>
<b>班级新闻</b>
<ul type="disc">
<li>最新课程表</li>
<li>关于普通话考试的通知</li>
<li>钢琴名曲音乐欣赏——献给爱丽丝</li>
<li>中国奥运屈辱史</li>
<li>div+css</li>
</ul>
</body>
</html>
注:disc :实心圆点 circle:空心圆点 square:实心方块
有序列表
有序列表是一个有特定顺序的相关条目的集合。在有序列表中,各个列表项有先后顺序之分,他们之间用编号来标记。
<ol type=" ">
<li>项目名称<li>
<li>项目名称<li>
……
</ol>
<ol type="1">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
<ol type="A">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
<ol type="a">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
嵌套列表
嵌套列表,就是在一个列表中还可以包含多层子列表,与c语言的多重循环相似。
<b>一个嵌套列表</b>
<ul type="disc">
<li>咖啡</li>
<li>茶</li>
<ul type="circle">
<li>红茶</li>
<li>绿茶</li>
<ul type="square">
<li>中国茶</li>
<li>非洲茶</li>
</ul>
</ul>
<li>牛奶</li>
</ul>
</ul>
小白入门学前端 如有错误 欢迎指导