無序列表 unorder(圓點)
<ul><li>第一個</li><li>第二個</li></ul>
square方塊circle空心小圓圈disk實心小圓點
1
2
3
4
5
6
7
| <!--無序列表-->
<ul type="circle">
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
</ul>
|
有序列表 order(數字)
<ol><li>第一個</li><li>第二個</li></ol>
- 通過
type屬性來改變- type=”1”：1, 2, 3
- type=”A”：A, B, C
- type=”I”：∣, Ⅱ, Ⅲ
1
2
3
4
5
6
7
| <!--有序列表-->
<ol type="I"><!--A-->
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
</ol>
|
自定義列表
<dl><dt>項目一</dt><dd>很基礎的內容</dd></dl>
1
2
3
4
5
6
7
8
9
10
| <!--自定義列表-->
<dl>
<dt>程式言語</dt> <!--大標題-->
<dd>C#</dd><!--小標題-->
<dd>Java</dd>
<dt>迴圈</dt>
<dd>foreach</dd>
<dd>for</dd>
<dd>while</dd>
</dl>
|
練習
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
| <html>
<head>
<title>無序列表、有序列表、自定義列表</title>
</head>
<body>
<!--無序列表-->
<ul type="disk">
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
</ul>
<hr/>
<!--有序列表-->
<ol type="I"><!--A-->
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
</ol>
<hr/>
<!--自定義列表-->
<dl>
<dt>程式言語</dt> <!--大標題-->
<dd>C#</dd><!--小標題-->
<dd>Java</dd>
<dt>迴圈</dt>
<dd>foreach</dd>
<dd>for</dd>
<dd>while</dd>
</dl>
</body>
</html>
|