3.列表標籤
1. 江西
2. 河南
3.浙江
4.江蘇
3.1無序列表
<ul>:unordered list，定義一個無序列表（沒有順序的）
<li>:list item，定義一個列表項
ctrl+d 複製當前行
li*3+tab鍵，產生三個li，效果如下：
<li></li>
<li></li>
<li></li>
type屬性用來指定無序列表的符號，取值有：
disc：實心的圓點，默認值；
circle：空心的圓圈；
square：實心的正方形。
<ul
type="disc">
<li>浙江</li>
<li>江蘇</li>
<li>江西</li>
<li>河南</li>
</ul>
3.2有序列表
<ol> ordered list,有序列表，（列表項帶有序號）
Type屬性指定序號的類型，其取值：
1：序號爲1,2,3.....默認值
A：序號爲A,B,C.....
a：序號爲a,b,c.....
I：序號爲I,II,III,IV....
i：序號爲i,ii,iii,iv....等等
start屬性指定從第幾個開始，當取值爲0或負數時，會優先列出到0之前的所有數，然後才繼續列出start開始的數
<ol
type="A"start="-2">
<li>浙江</li>
<li>江蘇</li>
<li>江西</li>
<li>河南</li>
</ol>
3.3列表的嵌套
<ul type="square"> <li>樹葉</li> <li>樹 <ol> <li>楓樹 <dl> <dt>楓樹葉</dt> <dd>紅色的樹葉</dd> </dl> </li> <li>楊樹葉</li> </ol> </li> <li>還有什麼</li> </ul>效果如下：
3.4自定義列表
<dl> defined list定義一個自定義列表
<dt> defined title列表項的標題
<dd> defined description列表項的描述
<dt>江蘇</dt>
<dd>
江蘇，簡稱“蘇”，省會南京，位於中國大陸東部沿海，介於東經116°18′～121°57′，北緯30°45′～35°20′之間。
江蘇地形以平原爲主，陸地邊界線3383公里，面積10.72萬平方公里，佔中國的1.12%，人均國土面積在中國各省中最少。
[1-2] 公元1667年因江南省東西分置而建省，得名於“江寧府”與“蘇州府”之首字。
</dd>
<dt>河南</dt>
<dd>
河南（略）。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
</dd>
4.表單
4.1表單
什麼是表單？收集用戶填寫的信息並將其提交到後臺服務器。
<form>
action屬性:指定提交的地址；
Method屬性:指定提交的方式,get/post。
get和post方式的區別:
（1）長度的限制，get方式限制爲2k以內；
（2）安全性，get方式提交的數據會直接呈現在地址欄，敏感數據容易被截獲。
4.2 文本框
文本框
<input type="text">
maxlength：指定文本框能接受的最大字符個數
size：指定文本框的大小（寬度）
value:指定初始值
4.3 密碼框
<input
type="password"maxlength="6">
</form>
密碼框和文本框是一樣的，文本框的屬性同樣適用於密碼框，唯一不同的是密碼框是以掩碼的形式顯示內容，保證安全性。
4.4 label
（1）可以單獨對其應用相應的樣式
（2）For屬性可以使之和某個<input>關聯，即當單擊文本會激活對應的<input>。
<label
for="userId">賬號：</label>
<input id="userId"type="text"maxlength="10"size="10"value="adc">
<br>
<label for="password">密碼：</label>
<input id="password"type="password"maxlength="10"placeholder="密碼">
4.5單選按鈕框
<input
type="radio"name="role">學生
<input type="radio"name="role"checked>教師
<input type="radio"name="role">管理員
如果需要將若干個單選按鈕編爲一組(一組最多隻有一個被選中)，需要設置相同的name屬性。
如果需要默認選中某個選項，需要加上checked屬性
標籤屬性的表示形式：
（1）鍵值對：屬性名=屬性值
type=“true”、maxLength=“6”
（2）一些取值爲布爾類型的屬性直接使用屬性名
checked、readonly
4.6多選按鈕框
你的興趣愛好是：
<input type="checkbox"checked>音樂
<input type="checkbox"checked>閱讀
<input type="checkbox">遊戲
<input type="checkbox">電影
<input type="checkbox">睡覺
4.7提交按鈕
<input type="submit">
（1）點擊按鈕之後跳轉到form表單指定的Action
（2）Value屬性：value對應的值就是按鍵上顯示的文字。
（3）點擊按鈕，將form表單中的input中的name屬性值（鍵）和用戶輸入的值組成鍵值對（或input標籤value屬性對應的值）。並拼接到form表單Action屬性值的後面。
4.8重置按鈕
<input type="reset"value="刷新">
（1）點擊按鈕，重置表單內部的輸入框（單選按鈕）
（2）value屬性：value對應的值就是按鍵上顯示的文字。
4.9普通按鈕
<input type="button"value="普通按鈕">
點擊按鈕沒有反應。
4.10圖片按鈕
<input type="image"src="按鈕logo.jpg"alt="登陸">
（1）作用和submit按鈕是一樣的
（2）需要設置src屬性的值，如果src對應的路徑沒有找到圖片(又沒有設置alt屬性， 那麼顯示默認值“提交”，如果設置了alt屬性，則顯示alt的值)。(類似img標籤)。
4.11 <button>標籤
（1）內容可以是任意資源（例：圖片，段落，視頻..）
當<button>標籤放置在form內部，作用和實現的效果與submit一樣。