上午：
1無(wú)序列表 ul li
2有序列表 ol li
3定義列表 dl dt被定義的內(nèi)容
dd對(duì)定義內(nèi)容的描述
ul ol dl都可以互相嵌套
<table></table>表格標(biāo)簽缩抡，用于在效果中定義一個(gè)表格
border:設(shè)置表格的邊框粗細(xì)
width:設(shè)置表格的寬度
<tr></tr>表格的行標(biāo)簽，用于定義一個(gè)表格行
<td></td>表格的單元格標(biāo)簽，用于定義一個(gè)表格行中的單元格
<th></th>表格的表頭單元格標(biāo)簽济竹，
用于在效果中定義一個(gè)表格行中的表頭單元格
<th><td>唯一區(qū)別：<th>內(nèi)容居中加粗
表格是為了更好的格式化顯示數(shù)據(jù)
單元格合并
<td><th>都有兩個(gè)單元格合并屬性：
colspan:跨列合并單元格
rowspan:跨行合并單元格
合并步驟：
1.確定合并那幾個(gè)單元格伟恶，確定是跨行合并還是跨列
2.在第一個(gè)出現(xiàn)的單元格
3、合并幾個(gè)單元格李茫，屬性值就寫(xiě)幾
4揭保、被合并的單元格必須刪掉
下午：
<span></span>內(nèi)聯(lián)標(biāo)簽，一行上定義多個(gè)元素魄宏，進(jìn)行內(nèi)容顯示
有多少內(nèi)容秸侣，就會(huì)占用多大空間
span不會(huì)自動(dòng)換行
<div></div>塊標(biāo)簽，一行上定義一個(gè)塊，
默認(rèn)占滿一行味榛，進(jìn)行內(nèi)容顯示
適用于大量數(shù)據(jù)展示椭坚，或者用來(lái)布局
輸入項(xiàng)標(biāo)簽
<input>標(biāo)簽
表單輸入項(xiàng)標(biāo)簽之一，用戶(hù)可以在該標(biāo)簽上
通過(guò)填寫(xiě)和選擇搏色，進(jìn)行數(shù)據(jù)的輸入
type:設(shè)置該標(biāo)簽的種類(lèi)
text:文本框善茎，默認(rèn)
password:密碼框，內(nèi)容非明文
radio:單選框频轿，在同一組內(nèi)有單選效果
chechbox:復(fù)選框垂涯，在同一組有復(fù)選效果
submit:提交按鈕，用于控制表單提交數(shù)據(jù)
reset：重置按鈕航邢，用于將表單數(shù)據(jù)項(xiàng)
恢復(fù)到默認(rèn)狀態(tài)
file：附件框耕赘，用于文件上傳
hidden：隱藏域，一般用作提交服務(wù)器需要
拿到膳殷，但客戶(hù)不需要看到的數(shù)據(jù)
button：普通按鈕操骡，需要和js事件一起用
name：?jiǎn)芜x框，復(fù)選框進(jìn)行數(shù)據(jù)分組赚窃，設(shè)置該
標(biāo)簽對(duì)應(yīng)的參數(shù)名册招。要提交數(shù)據(jù)給后臺(tái)，必須寫(xiě)那么
value:設(shè)置該標(biāo)簽對(duì)應(yīng)的參數(shù)值/作為按鈕的名字
checked：設(shè)置單選框/復(fù)選框的默認(rèn)選中狀態(tài)
readonly:設(shè)置該標(biāo)簽的參數(shù)只讀勒极，用戶(hù)無(wú)法手動(dòng)更改
數(shù)據(jù)是可以正常提交的
disabled：設(shè)置該標(biāo)簽不可用是掰，參數(shù)值無(wú)法更改
并且無(wú)法提交的
<select><select>定義一個(gè)下拉選擇框
name：設(shè)置該標(biāo)簽對(duì)應(yīng)的參數(shù)名
multiple：設(shè)置選項(xiàng)全部顯示，并且可以進(jìn)行
多選提交河质，不寫(xiě)此屬性默認(rèn)為單選
<option><option>選項(xiàng)標(biāo)簽冀惭，為一個(gè)選擇框添加一個(gè)選項(xiàng)
value：設(shè)置需要提交的參數(shù)值
selected：設(shè)置選項(xiàng)的默認(rèn)選中狀態(tài)
注意事項(xiàng)：
option的內(nèi)容體一般用來(lái)展示的
參數(shù)值應(yīng)該是option的value屬性值
文本域標(biāo)簽：
<textarea><textarea>
文本域，多行文本框
name：設(shè)置該標(biāo)簽對(duì)應(yīng)的參數(shù)名
文本域和文本框區(qū)別：
1.文本框不能換行掀鹅，文本域可以
2.文本框參數(shù)值是value屬性散休，文本域參數(shù)值是在標(biāo)簽
的內(nèi)容體
<form></form>用于在效果中定義一個(gè)表單
作用：用于提交用戶(hù)填寫(xiě)的數(shù)據(jù)，提交給服務(wù)器的程序
文本框供用戶(hù)輸入乐尊。
action:將數(shù)據(jù)提交到何處
默認(rèn)提交到本頁(yè)
本機(jī)內(nèi)網(wǎng)路徑：
相對(duì)路徑：常用
絕對(duì)路徑：不建議使用
互聯(lián)網(wǎng)路徑：
method：將數(shù)據(jù)以何種方式提交
默認(rèn)為get
提交方式可定義為：get或者post
get方式提交的特點(diǎn)：把數(shù)據(jù)拼接到地址欄上
post方式提交的特點(diǎn)：沒(méi)有吧數(shù)據(jù)拼接到地址欄上
而是在請(qǐng)求體
get和post提交方式的區(qū)別：
1.get提交的參數(shù)列表拼接到地址欄后邊的
post方式不會(huì)拼接到地址欄后面
2.get提交的數(shù)據(jù)戚丸，敏感信息不安全
post方式提交的數(shù)據(jù)相對(duì)安全
3.get方式提交的數(shù)據(jù)量是有限的，
post方式從理論上提交的數(shù)據(jù)是無(wú)限大的
盡量使用post方式去提交
<!DOCTYPE html>
<html>
<head>
<title>表單標(biāo)簽</title>
<meta charset="utf-8" />
</head>
<body>
<form action="下午3.html" method="post">
<left>
用戶(hù)ID<input type="hidden" name="uid" value="123"><br><br>
頭像<input type="file" name="photo"><br><br>
用戶(hù)名<input type="text" name="username"
readonly="readonly" value="小湯源"><br>
<!-- 用戶(hù)名<input type="text" name=
"username" placeholder="提示文字"><br>-->
密碼<input type="password" name="userpass"
disabled="disabled" value="123123"><br>
手機(jī)號(hào)<input type="text" name="phone" placeholder="手機(jī)號(hào)"><br>
郵箱<input type="text" name="qq" placeholder="郵箱"><select name=".com">
<option value="fsy"? selected="selected">@qq.com</option>
<option value="qxx">@163.com</option>
<option value="qzl">@139.com</option>
</select><br><br><br>
性別<input type="radio" name="gender"
value="male" checked="checked">男
<input type="radio" name="gender"
value="female">女<br><br>
年齡<select name="old">
<option value="小朋友"? selected="selected">1~18</option>
<option value="大朋友">19~30</option>
<option value="老朋友">31~50</option>
</select><br><br>
愛(ài)好<input type="checkbox" name="hobby"
value="chiji" checked="checked">吃雞
<input type="checkbox" name="hobby"
value="meinv" checked="checked">美女
<input type="checkbox" name="hobby"
value="dianying">電影
<input type="checkbox" name="hobby"
value="eat">吃<br><br>
你喜歡的明星<select name="star">
<option value="fsy">付思源</option>
<option value="qxx" selected="selected">秦霄賢</option>
<option value="qzl">權(quán)志龍</option>
</select><br><br>
所在省份<select name="from">
<option value="sheng" selected="selected">河南省</option>
<option value="sheng">北京</option>
<option value="sheng">河北</option>
<option value="sheng">黑龍江</option>
<option value="sheng">遼寧</option>
<option value="sheng">吉林</option>
<option value="sheng">湖北</option>
</select><br><br>
自我介紹<textarea name="info"></textarea><br><br>
<input type="submit" value="您好">
<input type="reset" name="">
<input type="button" value="按鈕"><br><br>
<!--
-->
<button type="submit">您好</button>
<button type="reset">重置</button>
<button type="button">按鈕</button>
</left>
</form>
</body>
</html>
