29-HTML-04-HTML(列表标签)

【HTML列表标签】<dl>
<dt>:上层项目
<dd>:下层项目，封装的内容是会被缩进的，该标签有自动缩进效果。


例子：
<dl>
<dt>游戏名称</dt>
<dd>星际争霸</dd>
<dd>红色警戒</dd>
<dt>部门名称</dt>
<dd>技术部</dd>
<dd>培训部</dd>
</dl>


效果：
游戏名称
星际争霸
红色警戒
部门名称
技术部
培训部


【HTML代码写注释的方法】即代码中注释，不在网页上显示
<!--注释内容-->






============================================================================================================
经常在网页上看到：
1.第一步 | 第一步
2.第二步 | 第二步
3.第三步 | 第三步


左边的称为有序，右边的称为无序，即有没有序号


在HTML语言中，有序标签用<ol>，无序标签用<ul>，无论有序还是无序，条目的封装用的都是<li>，而且都有缩进效果


【示例】
<ul>
<li>无序项目列表</li>
<li>无序项目列表</li>
<li>无序项目列表</li>
</ul>


<ol type="a"> 这里type是将标签序号设置为abc
<li>有序项目列表</li>
<li>有序项目列表</li>
<li>有序项目列表</li>
</ol>


【效果】
·无序项目列表
·无序项目列表
·无序项目列表


a.有序项目列表
b.有序项目列表
c.有序项目列表