HTML列表
2019-11-22 本文已影响0人
Insight_
HTML支持有序、无序和定义列表
无序列表:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><滴滴滴</title>
</head>
<body>
<h4>无序列表</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
有序列表：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>有序列表</title>
</head>
<body>
<ol type="I">
<li>梨</li>
<li>花</li>
<li>少</li>
</ol>
</body>
</html>
嵌套列表：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>嵌套列表</title>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
<ul>
</li>
<li>Milk</li>
</ul>
</body>
</html>
自定义列表:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>自定义列表</title>
</head>
<body>
<dl>
<dt>Tea
<dd>Green tea</dd>
</dt>
<dt>Car
<dd>奔驰</dd>
</dt>
</dl>
</body>
</html>
HTML 列表标签
- <ol>定义有序列表
- <ul>定义无序列表
- <li>定义列表项
- <dl>定义自定义列表
- <dt>自定义列表项目
- <dd>自定义列表项的秒数
