表格用来展示数据,而列表用来布局。
列表最大的特点就是整洁,整齐,有序,跟表格类似,但是他可组合自由度高
无序列表ul
一般前缀是实心圆点,正方形,空心圆点
<ul>
<li>文本信息</li>
<li>文本信息</li>
<li>文本信息</li>
</ul>
<ul>只能嵌套<li>,直接在<ul>开始标签中输入其他标签或者文字的做法是不被允许的。
<li>与</li>之间相当于一个容器,可以容纳所有元素
 
例如以下布局:
列表标签
实验截图:
列表标签
列表标签

有序列表ol
一般前缀为数字,字母,罗马数字
列表标签
有序列表即为有排列顺序的列表,其各个表项按照一定的顺序排列定义,有序列表的基本语法格式如下:
<ol>
<li>文本信息</li>
<li>文本信息</li>
<li>文本信息</li>
</ol>
li的特性跟无序列表的一样,但是使用频繁度没有那么高
实验截图:
列表标签
列表标签

自定义列表
没有前缀,但是dl与dt是嵌套关系,dt与dd是嵌套关系。
定义列表常用于术语或者名词进行解释和描述,定义列表的列表项前没有任何项目符号。其基本语法如下:
<dl>
<dt>名词1</dt>
<dd>名词1解释</dt>
<dd>名词1解释</dt>
<dt>名词2</dt>
<dd>名词2解释</dt>
<dd>名词2解释</dt>
</dl>
dt可以对多个dd,dd都是面相于dt的。
例如以下布局就可以用到自定义列表
列表标签
实验结果:
列表标签
列表标签
 

列表总结:
列表标签
 
 
 

相关文章: