1 Three key learning) ordered list 2) unordered list 3) definition list
1. ordered list
Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>有序列表</title>
</head>
<body>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ol>
</body>
</html>
Web page display:
Ordered list of type syntax
<Ol type = "Symbol type">
<Li> list item 1 </ li>
<Li> list item 2 </ li>
type ordered list of values
2. unordered list
Code:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无序列表</title> </head> <body> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>jQuery</li> </ul> </body> </html>
页面展示
无序列表语法:
<ul type="符号类型">
<li>列表项1</li>
<li>列表项2</li>
...
</ul>
无序列表的type值:
3.定义列表
语法:
<dl>
<dt>定义名词</dt>
<dd>定义描述</dd>
</dl>
代码:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>定义列表</title> </head> <body> <dl> <dt>HTML</dt> <dd>超文本标记语言</dd> <dt>CSS</dt> <dd>层叠样式表</dd> <dt>JS</dt> <dd>JavaScript脚本语言</dd> </dl> </body> </html>
页面展示: