htmledit_views">
一.列表标签
表格是用来展示数据的,列表是用来布局的。
列表可分为三类:无序列表,有序列表和自定义列表。
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>
- <dl></dl>里面只能包含<dt>和<dd>.
- <dt>和<dd>个数没有限制,经常是一个<dt>对应多个dd