列表元素在网页设计中占有很大的比重,可以使页面上的信息整齐美观的显示出来。
列表的标记
无序列表
有序列表
定义列表
无序列表和有序列表的嵌套
样式相同的一组元素,称之为列表。列表元素是网站中使用频率最高的元素。经常使用的是无序列表。
无序列表
列表中的各种元素在各个逻辑上没有先后顺序,没有级别之分。无序列表中的列表项之间属于并列关系。
基本语法:
<ul>
<li>...</li>
<li>...</li>
</ul>
浏览器会在每个列表项前加上小圆点,不能修改样式,并不使用。在实际使用中,通常会对无序列表样式进行重置。每个列表项默认独占一行。是使用最广泛的列表。
有序列表
列表中各个元素在逻辑上有先后顺便,有序列表中,各个元素中属于并列关系.有序列表中的列表项默认以数字开头,可以使用type属性进行修改。type属性有数字1,小写英文a,大写英文A,小写罗马字符i,大写罗马字符I。在实际开发中,一般不使用type属性修改,而是使用CSS样式进行控制。有序列表在实际开发中基本上不使用。
<ol>
<li>...</li>
<li>...</li>
</ol>
自定义列表
自定义列表是两个层次的列表,由3个标签构成,语法如下:
<dl> <dt>...</dt>
<dd>...</dd>
<dd>...</dd>
<dt>...</dt> <dd>...</dd> <dd>...</dd>
<dt>...</dt> <dd>...</dd> <dd>...</dd> </dl>
dl表示自定义列表的开始和结束
dt标签表示列表标题的开始和结束
dd标签表示每个列表项.
自定义列表条理更清晰,可以实现在一个列表中进行多个分组。自定义列表用的也是比较少
版权保护: 本站内容采用CC-BY-NC协议且遵守CC-BY-NC-SA和CC-BY-NC-ND协议,转载请保留链接: https://www.guanzhenzuo.com/programming/23.html