一、列表标签(ul-li/ol-li/dl-dt-dd)
1.无序列表:ul-li
(1)、该标签的作用:无序列表的作用是使得每一个项没有顺序之分进行排列,而在每个项目文字之前,使用符号作为对应的分项标记。
(2)、标签语法以及相关的属性
标签语法以及相关的属性
<ul type="符号显示设置">
<li>列内容1</li>
<li>列内容2</li>
...
</ul>
相关的属性:
type:该属性用于指定列表项的开始的符号,取值为disc(默认值,实心圆点)、circle(空心圆)、square(实心正方形)
(3)、ul/li标签的代码使用以及效果
学生姓名:
<ul>
<li>张三</li>
<li>李四</li>
<li>王五</li>
<li>王麻子</li>
</ul>
喜欢吃的水果:
<ul type="circle">
<li>苹果</li>
<li>石榴</li>
<li>葡萄</li>
<li>火龙果</li>
</ul>
最喜欢的图书:
<ul type="square">
<li>百年孤独</li>
<li>了不起的盖茨比</li>
<li>呼啸山庄</li>
<li>傲慢与偏见</li>
</ul>
2.有序列表:ol-li
(1)、该标签的作用:有序列表使用编号编排项目,而不是项目符号。列表的项目采用数字或者是英文字母开头,按照大小对列表项进行排版。
(2)、标签语法以及相关的属性
标签语法
<ol type="符号显示设置" start="设置开始项值">
<li>列内容1</li>
<li>列内容2</li>
...
</ol>
常用属性
type:用于设置序列类型,一般取值有1(数字1)、a(小写字母a)、A(大写字母A)、i(小写罗马数字)和I(大写的罗马数字)。
start:用于设置序列的开始值,这一个参数只对数字有效。
(3)、ol/li标签的代码使用以及效果
学生成绩排名
<ol>
<li>张三</li>
<li>李四</li>
<li>王五</li>
<li>王麻子</li>
</ol>
想吃的水果顺序:
<ol type="A">
<li>苹果</li>
<li>石榴</li>
<li>葡萄</li>
<li>火龙果</li>
</ol>
想欢的图书:
<ol type="1" start="10">
<li>百年孤独</li>
<li>了不起的盖茨比</li>
<li>呼啸山庄</li>
<li>傲慢与偏见</li>
</ol>
3.自定义列表:dl-dt-dd
(1)、该标签的作用:自定义列表不仅仅是一列项目,而是项目及其注释的组合。该标签可以实现图文的混排效果。
(2)、标签语法以及相关的属性