9、表格table ──使用表格式的數據
; w' A3 }8 l' }4 x- D
8 m2 j; ^; w- v; Y3 t" y漫步萬維網世界,有多少HTML表格被用來佈局頁面,還一度被濫用。我們會在 CSS高級教程中學習怎樣不用表格佈局頁面。表格的正確用處應該是,展示表格式的數據。/ s1 J1 `2 {/ ~
' c9 t0 Y8 ~( C9 f0 D" |7 X! l+ _有很多標籤可以用在表格中,在初級指南中教授表格是如何工作的確實是一件比較困難的事情,沒有關係,我們一步一步來,先來看一個例子。例子什麼時候都是學習的好方法。
4 o" `0 S1 @2 g+ q8 [/ Z3 ~# _6 S+ o. A- U3 n& [
把下面的代碼拷貝到你文檔的主體(<body>與</body>中),我們就可以明細每個標籤是任何工作的了。. ^5 [+ u) o* g7 X
C O0 L3 _, f. Q
, _& N8 l& t. Y n, N' D$ w
% W0 `, ~; Z. K; A Example Source Code [www.cn-webmaster.cn]
3 G/ `6 Q% V( _' e9 A9 Q8 W<table>8 p. ]' P' c% l8 Y; W, x
<tr>* U& C! s @3 t! u- b/ u2 a. g1 N7 J
<td>Row 1, cell 1</td>
5 \: o* N. ?. }<td>Row 1, cell 2</td>
2 L% n7 J0 D# ^$ n2 B7 t<td>Row 1, cell 3</td>* V# j9 u9 Y$ a6 ~$ `7 |1 w* O
</tr>
! r v# w; {" m<tr>( b9 B! W+ ~) L; N% ^2 {* G. `
<td>Row 2, cell 1</td>8 O- v, y( H! b1 `& C. `
<td>Row 2, cell 2</td> a3 d- d7 d, g5 M) H, d
<td>Row 2, cell 3</td>
$ O9 J3 x" Y( K5 t</tr>2 Y# w6 l; |& i- I; d* n* ` `
<tr>
/ C, J, p( A' v3 T<td>Row 3, cell 1</td>- O% |3 @/ P3 e, |
<td>Row 3, cell 2</td>* c7 K7 v& K; M0 L, ^/ f1 `+ g
<td>Row 3, cell 3</td>
3 L$ Y8 M: F3 P# g+ R9 Z% o</tr>
5 `/ d; i: ?! u6 t! L/ U" T( D<tr>
% r# Z. H8 ^5 e' l. E$ g<td>Row 4, cell 1</td>6 y. B9 K' v8 o. H: @
<td>Row 4, cell 2</td>
$ E5 i$ l- k) R3 o& O# t T/ r<td>Row 4, cell 3</td>& }# @- B# q& d
</tr>
. j; h, ?$ a) K: Q5 F( Q# N</table>" N. r# X, O( N1 {$ F! K6 _' b
$ Y k0 B( l. V) b% w8 a
table元素定義標籤;tr元素定義表格中的一行;td元素定義數據單元格,這必須包含在tr標籤內,如上所示。6 n) T9 }$ O2 d0 ~; f
" j, w! ]& u; r' n+ t0 k; W7 G假設一個3x4的表格,包含12個單元,這就需要4個tr元素來定義行數和3個td元素在各行,總共有12個td元素。 |