網站表格行與列定義方法 html中tr與td標簽標準
作者:佚名 時間:2014-04-18 分享到:
th和td標簽
tr標簽內的th和td標簽會在一行中創建單元格及其內容。這兩個標簽類似,惟一的區別是瀏覽器會生成一個用粗體樣式標記的文本表頭,另外內容的默認的對齊方式也可能和數據的對齊方式不同。數據通常會默認左對齊,可是文本表頭會在中間對齊。
和表格行標簽tr中的其他標簽一樣,單元格標簽支持很豐富的樣式和內容對齊屬性,這樣你可以將它們用于單個數據或是表頭單元格。這些屬性會覆蓋掉原來的當前行的默認值。還有一些特殊的屬性,可以控制單元格在表格中跨越的行或列的數目。<th>和<td>標簽也支持節中所述的那些通常的表格屬性。
tr和td標簽中的內容可以是你可以放置到文檔主體中的任何東西,包括文字、圖像、表單,等等,甚至可以是另一個表格。如前面所說的那樣,瀏覽器會自動創建一個在垂直方向和水平方向上足夠大的表格,用來顯示所有單元格的內容。
如果有一行的表頭或是數據條目比其他行的少,瀏覽器會在該行尾部添加一些空的單元格來填滿一行。如果需要在一行的尾部之前添加空白單元格,例如,需要指明一個空白數據時,可以創建一個沒有內容的表頭或數據單元格。
如果表格有邊框的話,空白單元格會和其他包括數據或表頭的單元格看上去不一樣,空白單元格不會在窗口上有浮雕效果,它只是空白的一片。如果你想創建一個具有和其他表格單元格一樣雕刻效果的單元格,那就在單元格中放上最少的內容吧,例如一個簡單的<br>標簽就可以了。
對齊方式
align和valign屬性的用法和表格行標簽(<tr>,中的align和valign屬性幾乎一樣,除下面這一點外:當用在<th>或<td>標簽中的時候,這兩個屬性控制的只是當前單元格中內容的水平和垂直對齊方式。它們的值會覆蓋<tr>標簽中的align和valign屬性所設置的對齊方式,但是它不會影響后面的單元格的對齊方式。
可以將align屬性值設為left, nigh。或是center,相應地,瀏覽器會將單元格內容分別靠左邊緣對齊,靠右邊緣對齊,或是放在表格的中間。valign屬性的值可以是top(默認值)、bottom, middle或者baseline,它們會告訴瀏覽器將單元格內容靠上邊框、下邊框,在單元格的中間,還是對準行中其他單元格的第一行的基線