萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> html的表格(Table)

html的表格(Table)

下面是有關html的表格(Table)的知識:

 §5.1 表格的基本形式
  一個表由<table>開始,</table>結束,表的內容由<tr>,<th>和<td>定義。<tr>說明表的一個行,表有多少行就有多少個<tr>;<th>說明表的列數和相應欄目的名稱,有多少個欄就有多少個<th>;<td>則填充由<tr>和<th>組成的表格。是否用表格線分開為部分內容用border屬性說明,下面是一個有表格線和一個元表格線的表及其輸出。
    5.2 有通欄的表
     1、有橫向通欄的表用<th colspan=#>屬性說明colspan表示橫向欄距,#代表通欄占據的網格數,它是一個小於表的橫向網格數的整數。
     2、有縱向通欄的表用rowspan=#屬性說明。
    rowspan表示縱向欄距,#表示通欄占據的網格數,應小於縱向網絡數。需要說明的是有縱向通欄的表,每一行必須用</tr>明確給出一橫向欄目結束,這是和表的基本形式不同的。

  5.3 表的大小,邊框寬度,表格間距
  1、表的大小用width=#和height=#屬性說明。前者為表寬,後者為表高,#是以象素為單位的整數。
  2、邊框寬度由border=#說明,#為寬度值,單位是象素。
  3、表格間距即劃分表格的線的粗細用
  cellspacing=#表示,#的單位是象素,下面的例子將表格間距定義為10個象素,它看起來象用很粗的線劃分的表格。

  5.4 表中文本的輸出
  1、文本與表框的距離用cellpadding=#說明。下面的例子使表的內容與表框離開10個象素。
    2、表格的後度大於其中的文本後度時,文本在其中的輸出位置與用align=#說明。
  #是 left,center和right三者之一,分別表示左對齊,居中和右對齊,align屬性可修飾<tr>,<th>和<td>鏈接簽。
    3、表格的高度大於其中文本的高度時,可以用valign=#說明文本在其中的位置。#是top,middle,bottom,baseline四者之一。分別表示上對齊,文本中線與表格中線對齊, 下對齊,文本基線與表格中線對齊,特別注意的是baseine對齊方式,它使得文本出現在網格的上方而不是相象中的下半部。同樣,valign可以修飾<tr>,<th>,<td>中的任何一個。

  5.5 浮動表格
  所謂浮動表格是指表與文件中重中內容對齊時,若在現在位置上不能滿足其對齊方式,表格含上下移動,即“擠開”一些內容,直到滿足其對齊要求。
  浮動屬性一般由align=left或right指定。
  下面的例子也可以看出,cllign=left時把字符串“擠到”了表的右邊。當右邊空間不夠時,該字符串會顯示在表的下在邊,看起來象是表“浮”到了字符串上。

  5.6 表格顏色
     表格的顏色用bgcolor=#指定。

以上就是我們給大家總結的html的表格(Table)有關知識,希望大家繼續關注本網站。

copyright © 萬盛學電腦網 all rights reserved