首頁 > web前端 > H5教程 > 主體

HTML5第二天筆記

黄舟
發布: 2016-12-28 17:13:15
原創
1491 人瀏覽過

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)!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板