列表
- 有序列表
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
ol, li {
padding: 0;
margin: 0;
list-style: none;
}
</style>
</head>
<body>
<h1>自己喜欢的电影排名: </h1>
<ol>
<li>星际穿越</li>
<li>大话西游</li>
<li>盗梦空间</li>
<li>喜洋洋和灰太狼</li>
<li>熊出没</li>
<li>奥特曼</li>
</ol>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
- 无序列表
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
ul, body, h1, p {
list-style-type: none;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<h1>常见的编程语言</h1>
<ul>
<li>
<span>1</span>
JavaScript
</li>
<li>Java</li>
<li>C++</li>
<li>Objective-C</li>
<li>Swift</li>
<li>Ruby</li>
<li>Python</li>
</ul>
</body>
</html>
- 定义列表