作業(yè)


? ? ? ? ? ? ? ? ? ? ? day 02
<a></ a>超鏈接標(biāo)簽
1.用于定義一個(gè)可以點(diǎn)擊跳轉(zhuǎn)的連接
2 herf:超鏈接跳轉(zhuǎn)的路徑(必有屬性)
?1)內(nèi)網(wǎng)本機(jī)路徑,相對(duì)路徑和絕對(duì)路徑
2)互聯(lián)網(wǎng)路徑,帶http://...的地址
3)本頁:不寫默認(rèn)跳轉(zhuǎn)本頁,相當(dāng)于#
3 注意:
1)a標(biāo)簽內(nèi)容體,不僅僅是文字,也可以是其他內(nèi)容,例如圖片
2)a標(biāo)簽的href屬性,不僅僅可以鏈接到html上,也可以鏈接到其他文件上,
列表
1無序列表 ul li
? 2.有序列表 ol li
3.定義列表dl? ?dt 被定義的內(nèi)容? ?dd對(duì)定義內(nèi)容的描述
dl ul、ol、之間都可以互相嵌套
表格
<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ù)
表格是為了更好的格式化顯示數(shù)據(jù)
單元格合并
<td>或者<th>都有兩個(gè)單元格合并屬性
<th>內(nèi)容居中加粗
行、列、單元格、表頭、數(shù)據(jù)
表格是為了更好的格式化顯示數(shù)據(jù)
單元格合并
<td>或者<th>都有兩個(gè)單元格合并屬性:
colspan:跨列合并單元格
rowspan:跨列合并單元格
合并步驟:
1、確定合并那幾個(gè)單元格,確定是跨行還是跨列合并
2、在第一個(gè)出現(xiàn)的單元格上書寫合并單元格屬性
3、合并幾個(gè)單元格,屬性值就寫幾
4、被合并的單元格必須刪掉
三、內(nèi)聯(lián)與塊標(biāo)簽
<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è)一個(gè)塊,默認(rèn)沾滿一行,進(jìn)行內(nèi)容顯示
適用于大量數(shù)據(jù)展示?;蛘哂脕聿季?/p>
表單
現(xiàn)實(shí)生活中的表單是用來提交信息的
將數(shù)據(jù)以何種方式提交
默認(rèn)為get
提交范式可定義為: get或者 post
Get方式提交特點(diǎn):把數(shù)據(jù)拼接到地址欄上
Post方式提交特點(diǎn):沒有吧數(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ù)是無限大的
盡量使用post方式提交表單
輸入項(xiàng)標(biāo)簽
<input/>標(biāo)簽
表單輸入項(xiàng)標(biāo)簽之一,用戶可以在該標(biāo)簽上,通過填寫和選擇,進(jìn)行數(shù)據(jù)輸入
type
設(shè)置該標(biāo)簽的種類
text:文本框,默認(rèn)
password:密碼框,內(nèi)容非明文
radio:?jiǎn)芜x框,在同一組內(nèi)又單選的效果
chechbox:復(fù)選框,在同一組內(nèi)有復(fù)選鮮果
submit:提交按鈕,用于控制表單提交數(shù)據(jù)
reset:重復(fù)按鈕,用于控制表單提交數(shù)據(jù)
file:附件框,用于文件上傳
hidder:隱藏域,一般用作提交服務(wù)器需要拿到,單用戶不需要看到的數(shù)據(jù)
button:普通按鈕,需要和js事件一起用
name:?jiǎn)芜x框,復(fù)選框進(jìn)行數(shù)據(jù)的分組,設(shè)置該標(biāo)簽對(duì)應(yīng)的參數(shù)名,要提交數(shù)據(jù)給后臺(tái),西辟邪name
value :設(shè)置該標(biāo)簽對(duì)應(yīng)的參數(shù)值/作為按鈕的名字
checked:設(shè)置單選框/復(fù)選框的默認(rèn)選中狀態(tài)
readonly:設(shè)置該標(biāo)簽的參數(shù)值只讀,用戶無法手動(dòng)更改,數(shù)據(jù)是可以正常提交的
disabled:設(shè)置該標(biāo)簽不可用,參數(shù)值無法更改,并且無法提交
表單點(diǎn)擊提交按鈕,提交數(shù)據(jù)時(shí)
url?參數(shù)列表
參數(shù)列表格式 : 參數(shù)1=參數(shù)值 & 參數(shù)2=參數(shù)值 & 參數(shù)3=參數(shù)值......
?gender=on (on表示選中)
?gender=male&age=18.....
單選框,用戶只能選擇,不能輸入,蘇姚指定value屬性
文本框,用戶可以自由輸入,不一定指定value值,指定表示默認(rèn)值,placeholder 表示提示文字
選擇框標(biāo)簽
<select></select> 標(biāo)簽,定義一個(gè)下拉選擇框
name:設(shè)置該標(biāo)簽對(duì)應(yīng)的參數(shù)名
multipe:設(shè)置選項(xiàng)全部顯示。并且可以進(jìn)行多選提交,不寫此屬性默認(rèn)為單選
<option></optiom>標(biāo)簽,選項(xiàng)標(biāo)簽,為一個(gè)選擇框添加一個(gè)選項(xiàng)
v