列表标签包括无序列表,有序列表和自定义列表。
1.无序列表
所有内容必须放在li标签中
type属性取值有disc(实心圆,默认值),square(实体方形),circle(空心圆)
格式:
<ul>
<li></li>
</ul>
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul>
<li>JAVA</li>
<li>PHP</li>
<li>C#</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul type="square">
<li>JAVA</li>
<li>PHP</li>
<li>C#</li>
</ul>
</body>
</html>
2.有序列表
所有内容必须放在li标签中
type属性表示的是列表的序号的样式:1,a,A,i,I。默认值为1
格式:
<ol>
<li></li>
</ol>
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ol>
<li>看书</li>
<li>写字</li>
<li>LOL</li>
<li>篮球</li>
</ol>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ol type="a">
<li>看书</li>
<li>写字</li>
<li>LOL</li>
<li>篮球</li>
</ol>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ol type="i">
<li>看书</li>
<li>写字</li>
<li>LOL</li>
<li>篮球</li>
</ol>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ol type="I">
<li>看书</li>
<li>写字</li>
<li>LOL</li>
<li>篮球</li>
</ol>
</body>
</html>
3.自定义列表
格式:
<dl>
<dt>标题</dt>
<dd>内容</dd>
</dl>
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<dl>
<dt>语言</dt>
<dd>Java</dd>
<dd>PHP</dd>
<dd>Python</dd>
</dl>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<dl>
<dt>语言</dt>
<dd>Java</dd>
<dd>PHP</dd>
<dd>Python</dd>
<dt>数据库</dt>
<dd>MySQL</dd>
<dd>Oracle</dd>
<dd>MSSQL</dd>
</dl>
</body>
</html>