1. 程式人生 > 其它 >HTML表格標籤

HTML表格標籤

HTML表格標籤

1.1表格的主要作用

表格主要用於顯示,展示資料,因為它可以讓資料顯示的非常的規整,可讀性非常好。特別是後臺展示資料的時候,能夠熟練運用表格就顯得很重要。一個清爽簡約的表格能夠把繁雜的資料表現的很有條理。

1.2表格的基本語法

<table>
   <tr>
       <td>表格內的文字</td>
      ....
   </tr>
  .....
</table>

1.<table></table>是用於定義表格的標籤。

2.<tr></tr>標籤用於定義表格中的行,必須巢狀在<table></table>標籤中。

3.<td></td>用於定義表格的單元格,必須巢狀在<tr></tr>標籤中。

4.字母tb指表格資料(table data),即資料單元格內容。

1.3表頭單元格標籤

一般表頭單元格位於表格的第一行或者第一列,表頭單元格里面的文字內容加粗居中顯示。

<th>標籤表示html表格的表頭部分(table head的縮寫)

<table>
   <tr>
       <th>姓名</th>
      ...
   </tr>
  ....
</table>

總結:

表頭單元格也是單元格,常用於表格的第一行,突出重要性,表頭單元格里面的文字會加粗居中顯示。

1.4表格的屬性

表格標籤這部分屬性我們實際開發我們不常用,後面通過css來設定 。

目的有2個

1.記住這些英語單詞,後面css會使用。

2.直觀感受表格的外觀形態。

屬性名 屬性值 描述

align left ,center,right 規定表格相對周圍元素的對齊方式

border 1或"" 規定表格單元是否擁有邊框,預設為"",表示沒有邊框

cellpadding 畫素值 規定單元邊沿與其內容之間的空白,預設1畫素

cellspacing 畫素值 規定單元格之間的空白,預設2畫素。

width 畫素值或百分比 規定表格的寬度