一.表格
表格就是用來表示一些格式化的數(shù)據(jù)的咨察,在網(wǎng)頁里也可以創(chuàng)建表格
1幽勒,使用table標(biāo)簽創(chuàng)建表格
2洞翩,使用tr表示表格一行,有幾行有幾個(gè)tr
3沮翔,在tr中使用td來創(chuàng)建單元格陨帆,有幾個(gè)單元格就有幾個(gè)td
4,表格創(chuàng)建默認(rèn)沒有邊框
5采蚀,用css來創(chuàng)建單元格或者在table里面加borde=“1”(不常用)
6疲牵,在table里加width=“40%”表示在窗口里寬度占40%
7,合并兩個(gè)單元格:先刪除其中一個(gè)單元格榆鼠,然后讓另一個(gè)格占領(lǐng)兩個(gè)位置纲爸,在td中加入colspan=“2”,row用來縱向合并單元格
8妆够,table和td邊框之間默認(rèn)有一個(gè)距離识啦,通過border-spaceing屬性可以設(shè)置這個(gè)距離
9,border-collapse可以用來設(shè)置表格合并神妹,此時(shí)border自動(dòng)失效
10颓哮,th是特殊的td,表標(biāo)題
11鸵荠,tr:nth-child(even){background-color: #bfa;}可以給偶數(shù)行設(shè)綠色背景
12冕茅,tr:hover{background-color: #ff0; }可以是鼠標(biāo)指定行背景變黃色
13,表頭,表格主體姨伤,表格底部分別為thead,tbody,tfoot哨坪。表頭,表格主體乍楚,表格底部不管什么情況都永遠(yuǎn)分別顯示在頭部当编,中部,底部徒溪。
14凌箕,如果表格中沒有tbody,瀏覽器會(huì)自動(dòng)在表格中添加tbody词渤,并且將所有tr都放到tbody中,所以tr不是table的子元素串绩,而是tbody的子元素缺虐。
錯(cuò)
對(duì)
15,表格可以給頁面布局礁凡,但是不常用高氮,被css所淘汰。
二顷牌,表單
1剪芍,表單的作用就是用來將用戶的信息提交給服務(wù)器的。
2窟蓝,使用form標(biāo)簽創(chuàng)建一個(gè)表單罪裹,form標(biāo)簽必須指定一個(gè)action屬性,該屬性指向的是一個(gè)服務(wù)器的地址运挫,但我們提交表單時(shí)將會(huì)提交到action屬性對(duì)應(yīng)的地址状共。
3,使用form創(chuàng)建的是一個(gè)空白的表單谁帕,我們還需要添加不同的表單項(xiàng)峡继。
4,使用input來創(chuàng)建一個(gè)文本框匈挖,他的type屬性是text碾牌,如果希望表單項(xiàng)中的數(shù)據(jù)會(huì)提交到服務(wù)器中胧辽,還必須給表單項(xiàng)指定一個(gè)name屬性本涕,name表示提交內(nèi)容的名字
5,提交按鈕可以將表單中的信息提交給服務(wù)器歹颓,使用input創(chuàng)建一個(gè)提交按鈕贮折,它的type屬性值是submit裤翩,提交按鈕可以通過value屬性來指定按鈕上的文字
6,使用input創(chuàng)建一個(gè)密碼框,它的type屬性是password
7踊赠,使用input來創(chuàng)建一個(gè)單選按鈕呵扛,它的type屬性使用radio,單選按鈕通過name進(jìn)行分組筐带,name屬性相同是一組按鈕今穿,還需要指定一個(gè)value屬性,這樣被選中的表單項(xiàng)會(huì)以value屬性值提交給服務(wù)器伦籍。
8蓝晒,使用input創(chuàng)建一個(gè)多選框,它的type屬性使用checkbox帖鸦,記得加name和value
9芝薇,使用select來創(chuàng)建一個(gè)下拉列表,在下拉列表中使用option標(biāo)簽來創(chuàng)建一個(gè)一個(gè)列表項(xiàng)作儿,下拉列表的name屬性要指定給select洛二,而value的值要指定給option。
10攻锰,如果希望在單選按鈕或者是多選框中指定默認(rèn)的選項(xiàng)晾嘶,添加checked屬性