2. 這三個表格分區標簽本身沒有任何樣式,僅僅是一個區塊劃分標記罷了

除了可以對表格進行分區控制外,還可以對每一列進行分組,這樣可以快速的進行設置,提高效率

 !DOCTYPE html  html  head  meta charset= UTF-8  title 表格的分區與分組控制 /title  /head  body  table border= 1 cellspacing= 0 cellpadding= 5 align= center width= 80%  caption h3 島國明星TOP50排行榜 /h3 /caption  !-- 對每一列進行分組控制 --  !-- colgroup :可以對一列進行整體控制,但能用的屬性非常有限,通常要配合css才能發揮作用 --  !-- col 標簽可對分到一組的每一列進行更加精準的控制 --  colgroup span= 1 bgcolor= lightgreen /colgroup  colgroup span= 1 bgcolor= lightgreen /colgroup  colgroup span= 2 bgcolor= lightyellow  !-- 對第三列單獨控制 --  col bgcolor= lightgray  col  /colgroup  colgroup span= 2 bgcolor= cyan /colgroup  thead  !-- bgcolor可以設置行或單元格的背景顏色 --  tr bgcolor= skyblue  !-- th 標簽內部文本默認會加粗居中顯示,非常適合做表頭 --  th ID /th  th 姓名 /th  th 腰圍 /th  th 腰圍 /th  th 臀圍 /th  /tr  td align= center 01 /td  td align= center 波多野結衣 /td  td align= center 88 /td  td align= center 59 /td  td align= center 85 /td  /tr  td align= center 02 /td  td align= center 小澤瑪利亞 /td  td align= center 90 /td  td align= center 60 /td  td align= center 85 /td  /tr  td align= center 03 /td  td align= center 淺川梨奈 /td  td align= center 87 /td  td align= center 61 /td  td align= center 88 /td  /tr  td align= center 04 /td  td align= center 深田恭子 /td  td align= center 86 /td  td align= center 62 /td  td align= center 88 /td  /tr  td align= center 05 /td  td align= center 蒼老師 /td  td align= center 88 /td  td align= center 68 /td  td align= center 90 /td  /tr  /tbody  !-- tfoot:表格底部,目前暫時無內容,保持空即可 --  tfoot  /tfoot  /table  p align= center  a href= 首頁 /a  a href= 上一頁 /a  a href= 1 /a  a href= 2 /a  a href= 3 /a  a href= ... /a  a href= 下一頁 /a  a href= 尾頁 /a  /body  /html 

以上就是html表格的分區與分組控制的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。