此网站为管振佐的个人博客,终身学习记录!
当前位置首页 > 编程> 正文

HTML之列表

10-16 653 编程 html

列表元素在网页设计中占有很大的比重,可以使页面上的信息整齐美观的显示出来。

列表的标记


无序列表


有序列表


定义列表


无序列表和有序列表的嵌套



样式相同的一组元素,称之为列表。列表元素是网站中使用频率最高的元素。经常使用的是无序列表。

无序列表

列表中的各种元素在各个逻辑上没有先后顺序,没有级别之分。无序列表中的列表项之间属于并列关系。

基本语法:

<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