HTML列表（无序列表、有序列表、自定义列表）
一、列表（掌握）
☞ 无序列表(unordered-list)
<ul>
<li> 列表项 </li>
<li> 列表项 </li>
...
</ul>
总结：
1. ul列表必须直接包含的标签是li
2. 在li标签中可以包含其他任何标签
3. 在展示数据的时候没有先后顺序的要求
例如：
<ul>
<li><a href="#">第一行列表</a></li>
<li><a href="#">第二行列表</a></li>
<li><a href="#">第三行列表</a></li>
<li><a href="#">第四行列表</a></li>
<li><a href="#">第五行列表</a></li>
</ul>
☞ 有序列表： (order-list)
<ol>
<li> </li>
<li> </li>
<li> </li>
</ol>
总结：
1. 有序列表在展示数据的时候是按照一定的顺序显示的
2. 有序列表在用法上与无序列表一样。
例如：
<ol>
<li><a href="#">第一行列表</a></li>
<li><a href="#">第二行列表</a></li>
<li><a href="#">第三行列表</a></li>
<li><a href="#">第四行列表</a></li>
<li><a href="#">第五行列表</a></li>
</ol>
☞ 自定义列表(defined-list)
<dl>
<dt> </dt>
<dd> 列表项 </dd>
<dd> 列表项 </dd>
<dd> 列表项 </dd>
</dl>
总结：
一般在网页的结尾处会使用该列表
原文地址：https://blog.csdn.net/m0_65696193/article/details/140436587
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！