9、表格table ──使用表格式的數據
+ u) s, G3 g$ t, |* V" ~% [# K$ e# O4 G
漫步萬維網世界,有多少HTML表格被用來佈局頁面,還一度被濫用。我們會在 CSS高級教程中學習怎樣不用表格佈局頁面。表格的正確用處應該是,展示表格式的數據。
5 M8 M+ m3 K3 B1 M& t7 A8 d& S, _ I1 \5 X% C3 R& x+ a+ z5 P! Y
有很多標籤可以用在表格中,在初級指南中教授表格是如何工作的確實是一件比較困難的事情,沒有關係,我們一步一步來,先來看一個例子。例子什麼時候都是學習的好方法。
d. q9 l6 r: G
+ g5 s& d5 S. z9 s! ^3 g把下面的代碼拷貝到你文檔的主體(<body>與</body>中),我們就可以明細每個標籤是任何工作的了。
1 U) V% S; g* c, O" V. E( O9 I8 q6 [ H# p( l. Q* u- Z
& c8 ?( t+ N' I" i8 S8 L @
Q2 u+ D7 e; f, D9 t$ p! \ Example Source Code [www.cn-webmaster.cn]4 |' b. W! b( H6 n
<table>
, [* G( e$ r7 [8 R3 h4 y. l<tr>
* K) j) C7 R1 J7 T" g<td>Row 1, cell 1</td>- b9 {! v# g/ n" @. L
<td>Row 1, cell 2</td>( v: n2 P# u% w2 ~1 r
<td>Row 1, cell 3</td>% |- j& f3 a, [0 _2 }& t! f. B+ L
</tr>7 J- I/ F" n4 P$ K: z0 b) e
<tr>
% C# T3 D3 L6 w<td>Row 2, cell 1</td># C/ x4 ?1 O* E; F* f: \. V
<td>Row 2, cell 2</td>
) B2 K4 x/ X: s8 ] _3 C<td>Row 2, cell 3</td>
) ^5 w T$ ?% n- x ?" ^7 P b</tr>, Z% c& x) T6 i* F/ V
<tr>* c" t1 r( o) `- n6 ^" b
<td>Row 3, cell 1</td>
8 c4 f$ z: {8 W- h% x& F' K) R3 _<td>Row 3, cell 2</td>* O+ t+ [3 o' p
<td>Row 3, cell 3</td>
! y! g5 l- N$ E" o- r+ ^# h</tr>4 r0 T2 Y' ]1 z& }9 v8 j% w" G1 b5 \
<tr>
# T9 Q$ Y5 i7 g1 u6 Y _<td>Row 4, cell 1</td>
* W! W+ x2 J( G. D<td>Row 4, cell 2</td>
7 `, ]7 W, O- h( Y. H c* u4 I<td>Row 4, cell 3</td>
2 B( W4 |8 L' r7 r" K5 l/ T</tr>
. X+ ], q1 f" @5 t7 E. u) `</table>! w! j2 O# P: L V& k
6 ~" x# ]( [1 D7 D
table元素定義標籤;tr元素定義表格中的一行;td元素定義數據單元格,這必須包含在tr標籤內,如上所示。- g( e4 [6 F* l
6 b. X5 i3 ~& N3 b4 l' C假設一個3x4的表格,包含12個單元,這就需要4個tr元素來定義行數和3個td元素在各行,總共有12個td元素。 |