第八課 表格 html5學習3

daxuesheng發表於2021-09-09

表格用來處理表格式資料的,不是用來佈局的。

一、基本語法格式

<table>

  <tr> 行標籤 

    <td></td> 單元格標籤

  </tr>

</table>

二、表格注意事項

<tr>裡只放<td>標籤

<td>裡可以放所有元素 

三、表格屬性 在table中設定

boder: 預設border="0";

cellspacing: 單元格之間的空白距離 預設值為2;

cellpadding: 文字與單元格之間的距離 預設值為1;

width:寬度

height:高度

align: 設定表格在網頁中的水平對齊方式 left center right

四、表頭標籤

表頭一般指第一行或第一列

<table>

  <tr> 行標籤

    <th></th> 表頭標籤

  </tr>

</table> 

五、表格結構

結構劃分<thead>,<tbody> 劃分結構,不顯示

<table>

<thead> 頭部分

  <tr> 行標籤

    <th></th> 表頭標籤

  </tr>

</thead>

<tbody> 主體部分

  <tr> 

    <td></td> 單元格標籤 

  </tr>

</tbody>

</table>

六、瀏覽器審查html標籤元素

檢查

七、表格標題標籤

<table>

  <caption>表格標題</caption>

</table>

 

八、合併單元格

跨行合併: rowspan 跨列合併: colspan

作者:king-blue

原文連結:https://www.cnblogs.com/Liuxingtao/p/10404989.html


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4692/viewspace-2821891/,如需轉載,請註明出處,否則將追究法律責任。

相關文章