下面是有關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)有關知識,希望大家繼續關注本網站。