今天我们说说HTML列表的内容,共有三种列表,有序列表、无序列表和定义列表。
有序列表的各项是有顺序的,从<ol>开始,到</ol>结束,中间的列表项是<li>。顺序一般采用数字或者字母。
<html>
<head>
<title>有序列表</title>
</head>
<body>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>PHP</li>
</ol>
</body>
</html>
有序列表,ol,英文是 ordered list 。列表项li,英文是list item。<ol>,</ol>是成对配合使用的,其内部只能使用<li>列表项,不能出现其他标签符。
有序列表通常是用数字表明顺序的,如果需要改变符号,可以通过其type属性来改变。
<html>
<head>
<title>有序列表</title>
</head>
<body>
<ol type="a">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>PHP</li>
</ol>
</body>
</html>
<html>
<head>
<title>有序列表</title>
</head>
<body>
<ol type="A">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>PHP</li>
</ol>
</body>
</html>
<html>
<head>
<title>有序列表</title>
</head>
<body>
<ol type="i">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>PHP</li>
</ol>
</body>
</html>
<html>
<head>
<title>有序列表</title>
</head>
<body>
<ol type="I">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>PHP</li>
</ol>
</body>
</html>
有序列表的type属性值:
type属性值 | |
属性 | 序号类型 |
1 | 数字1、2、3…… |
a | 小写字母a、b、c…… |
A | 大写字母A、B、C…… |
i | 小写罗马数字i、ii、iii…… |
I | 大写罗马数字I、II、III…… |
下一节我们接着分享其他的列表。