HTML学习笔记09-列表

HTML支持无序,有序,自定义列表

列表项内部可以使用段落、换行符、图片、连接、以及其他列表等

无序列表

无序列表使用粗体圆点(典型的小黑圆圈)进行标记,列表始于<ul>标签,列表项使用<li>标签

<!DOCTYPE HTML>

<html>
<body>
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
</body>
    
</html>


 

有序列表

列表项使用数字进行标记,列表始于<dl>标签,列表项使用<li>标签

<!DOCTYPE HTML>

<html>
<body>
<ol>
<li>列表项1</li>
<li>列表项2</li>
</ol>
</body>
    
</html>


 

 

自定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<!DOCTYPE HTML>

<html>
<body>
<dl>
    <dt>计算机</dt>
    <dd>用来计算的仪器</dd>
    <dt>显示器</dt>
    <dd>以视觉形式显示信息的装置</dd>
</dl>
</body>
    
</html>


原文地址:https://www.cnblogs.com/myal/p/9337395.html