無序列表
<ul> 標籤定義了無序列表。
<li> 標籤定義了列表項目。<li> 標籤可用在有序列表 (<ol>) 和無序列表 (<ul>) 中。
<ol> 標籤定義了有序列表。
type可以去取 disc circle square
有序列表type用阿拉伯數字 英文字母大小寫 羅馬字母大小寫（i I）
代碼：
<html>
<body>
<h4>一個無序列表：</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
</body>
</html>
一個無序列表：（*位置應該是一個圓形黑點）
*咖啡
*茶
*牛奶
代碼：
<html>
<body>
<h4>一個有序列表：</h4>
<ol>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
</body>
</html>
一個有序列表：
1.咖啡
2.茶
3.牛奶
*框架集
主要用於分割顯示多個頁面
<frame> 標籤定義和用法在 <frameset> 中定義一個框架。
如果a.html包含了其他頁面（frameset）則要求a.html不能有body和body的內容
noresize:不能改變各個窗口大小
frameborder="0" 無邊框
滾動條設置：<frame scrolling =#>#=yes,no,auto
target四個屬性
_blank:表示打開一個全新的頁面
-self：替換本頁面
_top:整個瀏覽器窗口
_parent:父窗口
在target值中直接寫對應的那個frame的名字
b.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body bgcolor = "yellow">
歌詞大全
</body>
</html>
demo7.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<frameset cols="50%,*">
<frame name = "frame1" src="demo8.html" frameborder="0"/>
<frame src="b.html" name = "frame2" frameborder="0"/>
</frameset>
</html>
demo8.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body bgcolor = "red" >
<a href="demo9.html"target="frame2">周杰倫</a><br/>
<a href="demo10.html"target="frame2">齊秦<br/>
</body>
</html>
demo9.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body bgcolor = "blue">
周杰倫的歌曲
</body>
</html>
demo10.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body bgcolor="yellow" >
齊秦的歌曲
</body>
</html>
沒有滾動軸：scrolling="no"
沒有邊框：noresize frameborder="0"
總體結構圖
all.html
<frameset rows="20%,*">
<frame src="top.html" scrolling="no"/>
<frameset cols="20%,*">
<frame src="left.html" noresize frameborder="0"/>
<frame src="right.html" name = "myframe" frameborder="0"/>
</frameset>
</frameset>
top.html
<img src = "4.jpg" />(自己下載一張 當然 後邊可以寫上照片屬性)
left.html
<body bgcolor="pink">
<ul>
<li><a href="demo9.html" target="myframe">東風破</a></li>
<li><a href="demo10.html" target="myframe">北方的狼</a></li>
</ul>
</body>
right.html
<body bgcolor="silver">
歌詞大全
</body>
demo9.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body bgcolor = "blue">
東風破
</body>
</html>
demo10.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body bgcolor="yellow" >
北方的狼
</body>
</html>