html中的排序

在HTML中排序分为有序排序和无序排序。

【一】有序排列格式

<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>

【二】无序排列格式

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

示例代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>
<!--有序-->
<h3>四大名著</h3>
<ol>
    <li>《红楼梦》</li>
    <li>《西游记》</li>
    <li>《水浒传》</li>
    <li>《三国演义》</li>
</ol>
<!--无序-->
<h3>四大美女</h3>
<ul>
    <li>貂蝉</li>
    <li>西施</li>
    <li>杨玉环</li>
    <li>王昭君</li>
</ul>
</body>
</html>

示例输出:

猜你喜欢

转载自blog.csdn.net/The_Best_Hacker/article/details/82761848