摘要：
1.有序無序列表
2.frameset佈局框架
3.走馬燈
4.input常用控件
5.表單和按鈕
（一）列表
1.無序列表
<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
<li>ddd</li>
</u1>
執行效果
ul裏面設置type，改變前面黑心圓圈
- disc：實心圓
- square：正方形實心
- circle：空心圓
- none：什麼都沒有了
2.有序列表
<ol>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
<li>ddd</li>
</o1>
執行效果
ol裏面設置type，改變前面序號
- 1 ==> 1 2 3 4
- A ==> A B C D
- a ==> a b c d
- I ==> 大寫的羅馬數字
- i ==> 小寫的羅馬數字
超過26個，27==>AA,emmm,讓我想到26進制
（二）佈局框架
1.表格佈局
2.頁面佈局
用frameset將頁面分成多個部分
rows水平佈局，可以分成top和bottom
cols垂直分佈，可以分成left和right
frameset不寫在body裏面，自己出來設
< !DOCTYPE html>
<html>
<head></head>
<frameset rows=" 20%, 70%, 10%”>
<frame src=" top. html”/>
<frameset cols=" 30%, *">
<frame src=" middle_ left. html" />
<frame src="middle_ left. html”/>
</ frameset>
<frame src=" bottom. html" />
</ frameset>
<body>
</body>
</html>
frame是一個單標籤
效果圖：
想要控制<a>中的超鏈接在想要的頁面部分顯示：
1.<a>中設置target屬性，任意取值
2.在對應的頁面中設置它的frame屬性中的name，取和target相同的值
<！DOCTYPE html>
<html>
<head></head>
<body bgcolor=" #CCFFFF">
<a href="http: I /www。baidu. com" target="test111">百度</a>//在左邊的頁面
</body>
l</html>
target可以_self，在本窗口打開，可以是_blank，在一個新的窗口打開，可以是自定義值，在我們想要的窗口中打開
（三）走馬燈
<marquee>走馬燈的內容</marquee>
behavior:走馬燈方式，scroll循環滾動播出；slide只跑一次就停住；alternate來回往復的跑
direction：走馬的方向（默認從右往左），left,right,down
width：像素
height:像素
scrolldelay：滾動速度（毫秒數）
loop：loop=2設置循環的次數
bgcolor:可以在像素設置的那塊區域裏變色
（四）常用控件
input輸入（單標籤），type屬性來區分
- 文本框：text
- 密碼框：password
- 日期選擇器：Date，Html5才能使用
- 數字輸入框：Number，H5才能所使用
- 顏色選擇器：color，H5才能使用
- 文件選擇器：file，谷歌裏面會顯示文件名，ie裏面會顯示完整的文件路徑
- 單選框：radio，產生互斥的情況，設置屬性name，給name屬性一個相同的值，checked=”checked”默認選擇
- 多選框：checkbox，checked=”checked”默認選擇
input文本框的常用的屬性
- maxlength：最大輸入長度
- value：文本框的值（填上會變成默認值）
- readonly：只讀，只能看不能寫
- disabled：不可用
- required：驗證該控件是否爲空
（五）表單
註冊微博，手機號，驗證碼test1.html。。。進入到一個主頁面main.html（提交一個表單）
所有要提交的內容，寫在一個form標籤中
action提交到哪個頁面
（六）按鈕
- 提交按鈕：submit，數據要通過每個控件中name屬性傳遞
- 重置表單：reset
- 普通按鈕：button，自定義，不允許文本框爲空
普通按鈕的兩種寫法：
（一）<input type=”button" value="確定" />value裏面寫按鈕上的字
（二）<button>確認</button>
提交表單：
F12出來點擊Network，進來Query String Parameters
sex: on
habbit: on
username:你好
pasword: 123
對於單選和多選來說，要想獲得它的值，需要先加一個value屬性
sex:男
habbit:籃球
username:你好
password: 123
作業：
需要寫五個html
//0908.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>0908</title>
</head>
<frameset rows="20%,*,10%">
<frame src="marquee.html"/>
<frameset cols="20%,*">
<frame src="ulol.html" />
<frame src="regisrator.html" />
</frameset>
<frame src="color.html" />
</frameset>
<body>
</body>
</html>
//marquee.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body bgcolor="aqua">
<marquee behavior="scroll" direction="right" loop="7">我是走馬燈，歡迎你進入該系統
</marquee>
</body>
</html>
//ulol.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body bgcolor="aquamarine">
無序列表
<ul>
<li>鳴人</li>
<li>佐助</li>
<li>小櫻</li>
<li>卡卡西</li>
</ul>
有序列表
<ol>
<li>柱間</li>
<li>扉間</li>
<li>猿飛</li>
<li>波風水門</li>
<li>綱手</li>
<li>卡卡西</li>
<li>鳴人</li>
</ol>
</body>
</html>
//regisrator.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body bgcolor="cornflowerblue" align ="center">
<form action="color.html">
<h3>註冊表</h3>
賬號:<input type="text" /><br/>
密碼:<input type="password" /><br/>
<input type="submit" /><br/>
</form>
</body>
</html>
//color.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body bgcolor="plum" align="center">
感謝您的支持和幫助！
</body>
</html>
【Hbuilder裏面，按住tab可以自動補齊】