黄骅港海边景点_北京市建筑工程装饰集团有限公司_南京网站设计_网站排名优化培训课程

一.列表标签

表格是用来展示数据的，列表是用来布局的。

列表可分为三类：无序列表，有序列表和自定义列表。

1.1无序列表(重点)

<ul>全称为unorder list，表示html中的无序列表，列表项使用<li>标签使用。

语法格式如下：

<ul>

       <li>列表项</li>

       <li>列表项</li>

        .........

</ul>

示例

1.2特点

1.无序列表各个列表项没有顺序之分，是并列的。 

2.<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>中输入其他标签或者文字是不允许的

3.<li>与</li>之间相当于一个容器，可以容纳所有元素（<li>标签可以嵌套其他标签）

4.无序列表会带有自己的样式，但在实际开发中，我们会使用css来设置。

小米商城页面这个就是无序列表

1.3有序列表

<ol>标签用于定义有序列表，列表排序以数字来显示，并且使用<li>标签来定义列表项。

<ol>

       <li>列表项</li>

       <li>列表项</li>

        .........

</ol>

 

特点与有序列表相同。

1.4自定义列表

<dl>全称define list，标签用于定义描述列表，该标签会与<dt>(定义项目/名字)和<dd>(描述每一个项目/名字)一起使用。

1.41基本使用语法 

<dt>意为define tiltle自定义标题，<dd>为definition description(自定义描述 )

<dl>

   <dt>关注我们</dt>

</dl>

 

1. <dl></dl>里面只能包含<dt>和<dd>.
2. <dt>和<dd>个数没有限制，经常是一个<dt>对应多个dd