持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第18天,点击查看活动详情
HTML教程6——列表标签
列表可以嵌套,并且可以多层嵌套!!!
无序列表
无序列表用<ul>标签表示,无序列表的每一项前默认都是用圆点标识,<ul>标签中比较重要的属性为type(列表前的符号),默认为disc(圆点),还有circle(空心圆),square(实心正方形),<ul>标签中只能有<li>标签,<li>标签的元素代表列表每一行的内容,<ul>标签中可以允许有任意个<li>标签。
有序列表
有序列表用<ol>标签表示,有序列表的每一项前都默认显示序号标识,<ol>标签中同样只能有<li>标签,并且允许有任意个<li>标签,<ol>标签中比较重要的属性有type,其属性值默认值为1(阿拉伯数字),还有A(大写字母)、a(小写字母)、I(大写罗马数字)、i(小写罗马数字),属性start(列表标识的开始位置),例如type="A" start="4"即该有序列表以大写字母标识并且以第四个字母D开始以此类推。
自定义列表
自定义列表用<dl>并且表示,<dl>标签中有<dt>标签和<dd>标签并且只允许有这两种标签,这两种标签数量同样为任意,<dt>标签为自定义列表的表头,<dd>标签为自定义列表的主体内容,一个<dd>标签只会对应一个<dt>标签,但是一个<dt>标签可以对应多个<dd>标签,其格式为一个<dt>标签后跟的所有<dd>标签都属于这一个级别的例如: <dl><dt>班级</dt><dd>一班</dd><dd>二班</dd><dd>三班</dd><dt>成绩</dt><dd>50</dd><dd>90</dd></dl>中班级为第一个头对应的内容为三个班级,成绩为第二个头对应的内容为两个成绩。
一般来说自定义列表中<dt>标签为列表主体,<dd>标签表示针对主体的每一项内容。