HTML列表分类:
无序列表,不考虑排序,<ul>+<li>,常用于导航
有序列表,结构化列表,考虑排序,<ol>+<li>
定义列表,当作字典或术语,包含定义和描述,<dl>+<dt>+<dd>(其中,dl表示定义列表,dt定义术语,dd定义描述)
选择列表,简易说明
HTML 列表
有序列表
|
无序列表
|
(一)HTML无序列表ul
无序列表ul的各个列表项之间没有顺序级别之分,是并列的,其基本语法格式如下:
<ul type=…>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
……
</ul>
无序列表中type属性的常用值有三个,它们呈现的效果不同:
小黑点:disc(默认值);
方块:square;
空心圆:circle。
举例:
<ul type=”square”>
<li>吉林联通百兆独享:$899 /月</li>
<li>江苏电信特价百兆:$1099 /月</li>
<li>山东联通百兆独享:$899 /月</li>
<li>黑龙江联通百兆独享:$899 /月</li>
</ul>
(二)HTML有序列表ol
有序列表ol即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,其基本语法格式如下:
<ol type="~~" start="~~">
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
<li>……</li>
</ol>
有序列表其属性有 type 和 start 、HTML5新增reversed
(1)、type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。type的值表示有序列表项目符号的类型。
type类型 | 描述 |
Type=1 | 表示列表项目用数字表示(1,2,3…..) |
Type=a | 表示列表项目用小写字母表示(a,b,c..) |
Type=A | 表示列表项目用大写字母表示(A,B,C..) |
Type=i | 表示列表项目用小写罗马数字表示(i,ii,iii….) |
Type=I | 表示列表项目用大写罗马数字表示(I,II,III…) |
(2)、start是编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略。start的值表示项目开始的数值。
或是在<li>标签中设定value=”n”改变列表行项目的特定编号,例如<li value=”7″>。使用这些属性,把它们放在<ol>或<li>的的初始标签中。
(3)、reversed 属性是逻辑属性。是 HTML5 中的新属性。当使用该属性时,它规定列表属性为降序 (9, 8, 7...),而不是升序 (1, 2, 3...)。