p id= 版塊名稱 ... /p 為了使邏輯更加清晰,我們可以為這一個獨立的邏輯部分設置一個名稱,用id屬性來為 p 提供唯一的名稱,就像身份證號是唯一標識我們的身份的,也是必須唯一的。
2. table標簽 網頁上的表格
創建表格的四個元素:table、tbody、tr、th、td
a、 table … /table :整個表格以 table 標記開始、 /table 標記結束。
b、 tbody … /tbody :當表格內容非常多時,表格會下載一點顯示一點,但如果加上 tbody 標簽后,這個表格就要等表格內容全部下載完才會顯示。如右側代碼編輯器中的代碼。
c、 tr … /tr :表格的一行,所以有幾對tr 表格就有幾行。
d、 td … /td :表格的一個單元格,一行中包含幾對 td ... /td ,說明一行中就有幾列。
e、 th … /th :表格的頭部的一個單元格,表格表頭。
f、表格中列的個數,取決于一行中數據單元格的個數。
table tbody th 班級 /th th 學生數 /th th 平均成績 /th /tr td 一班 /td td 30 /td td 89 /td /tr td 二班 /td td 35 /td td 85 /td /tr td 三班 /td td 32 /td td 80 /td /tr /tbody /table
總結:table表格在沒有添加css樣式之前在瀏覽器中顯示沒有表格線。表頭,也就是th中的文本默認粗體居中顯示。
style type= text/css table tr td,th{border:1px solid #000;} /style
給表格添加摘要 table summary= 表格簡介文本 摘要的內容不會在瀏覽器中顯示,作用是增加表格的可讀性。
給表格添加標題 描述表格內容,顯示在表格上方
table caption 標題文本 /caption td … /td td … /td /tr /table
【相關推薦】
1. 免費html在線視頻教程
2. html開發手冊
3. VeVb.com原創html5視頻教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答