HTML5第二天筆記

1，表格table 

a).表格的完整結構



--只能有一個thead

--行
--只能有一個thead

--行
--只能有一個thead

--行
--只能有一個thead

--行
--只能有一個thead

--行
--只能有一個thead

--行
--只能有一個thead

--行
--只能擁有一個--列





--行

--列







--允許多個tbody

--行

--列



 



--只能有一個tfoot

--行

--列



 

重要的單元格用th	重要的單元格用th
普通的單元格用td	普通的單元格用td
普通的單元格用td	普通的單元格用td
普通的單元格用td	普通的單元格用td

b).表格的簡單結構

border--邊框cellspacing--單元格間的間距cellpadding--內容到邊框的距離











td>





table屬性：border--邊框 

cellspacing--單元格間的間距 
cellpadheh--內容到邊框的距離

屬性：高度 

align--水平對齊(left/center/right)

valign--垂直對齊（top/middle/bottom）

bgcolor background

td） left/center/right)

valign--垂直對齊（top/middle/bottom）

bgcolor background

width--寬度

c).合併單元格（td）

水平合併：cols "

垂直合併: rowspan="2"

表格的嵌套，放在td裡面

高階應用：表格佈局，巢狀

2.表單

作用是負責擷取資料

標籤form action="" method="" name="form1" target="_self/_blank">

使用者名稱：

密碼：





--action某個程式來處理表單的資訊（例如java PHP .NET）

將客戶端輸入的資訊透過某個程式處理(後台）

處理程序的位址

--method 提交方法兩種方式：get;不安全，資料量有限制，透過位址傳遞資料

post;安全，資料量無限制，

--name 很重要

--submit提交按鈕

--value值表單的任何資訊都是值

cheked 預設選項

--hidden是不需要在頁面中顯示。

隱藏域

按鈕：submit,button,reset,image,

表格和表單嵌套的話先寫表單標籤。



input type類型

text(文字方塊）, password（密碼框）, radio(單選框） ,checkbox（多重選取框）,,file（檔案網域），hidden（隱藏域）button（普通按鈕）,reset（重設按鈕），submit（提交按鈕），image(映像域按鈕）

下拉框：





文字域:

cols行rows列readonly只讀

3，HTML4標籤的表現形式的分類
🎜塊級元素（大標籤）block🎜🎜div table ul ol li 塊級元素（大標籤）block🎜🎜div table ul ol li 塊級元素（大標籤）block🎜 🎜🎜特點:1，不同行顯示2，可以嵌套區塊級和行內元素3，可以設定寬和高🎜🎜行內元素(小標籤）inline🎜🎜span strong b i em a 🎜🎜特點：1.在同一行顯示2，不能嵌套塊級元素3，不能設定寬和高

行內塊級元素inline-block

img input select textarea

特徵：1.在同一行顯示2，可以設定寬和高

不可以交叉嵌套

 以上就是HTML5第二天筆記的內容，更多相關內容請關注PHP中文網（www.php.cn）！