第九篇、列表标签

无序列表

<!-- 
    <ul></ul>：定义无序列表
    type：设置列表项符号样式（可选，推荐用CSS替代）
    - disc：实心圆点（默认）
    - circle：空心圆点
    - square：实心方块
-->
<ul type="square">
    <!-- <li></li>：定义列表项，<ul>的直接子元素只能是<li> -->
    <li>HTML基础</li>
    <li>CSS样式</li>
    <li>JavaScript交互</li>
</ul>

有序列表

<!-- 
    <ol></ol>：定义有序列表
    type：设置编号类型（可选）
    - 1：数字（默认）
    - A：大写字母
    - a：小写字母
    - I：大写罗马数字
    - i：小写罗马数字
    start：设置起始编号（默认从1开始）
-->
<ol type="A" start="3">
    <!-- <li></li>：定义列表项，<ol>的直接子元素只能是<li> -->
    <li>准备开发环境</li>
    <li>编写HTML结构</li>
    <li>添加CSS样式</li>
    <li>实现JavaScript交互</li>
</ol>

自定义列表

<!-- 
    <dl></dl>：定义描述列表（自定义列表）
    <dt></dt>：定义术语/名称（列表项的标题）
    <dd></dd>：定义术语的描述/值（对标题的解释）
    注意：一个<dt></dt>可以对应多个<dd></dd>，用于对同一术语进行多条描述
-->
<dl>
    <dt>HTML</dt>
    <dd>超文本标记语言，用于构建网页结构</dd>
    <dd>由一系列标签组成，定义页面内容</dd>

    <dt>CSS</dt>
    <dd>层叠样式表，用于美化网页布局</dd>

    <dt>JavaScript</dt>
    <dd>脚本语言，用于实现网页交互效果</dd>
</dl>