9、表格table ──使用表格式的數據
: h6 Q. t3 P, k' ~+ j% B
7 D( M7 @3 X. k* a% }漫步萬維網世界,有多少HTML表格被用來佈局頁面,還一度被濫用。我們會在 CSS高級教程中學習怎樣不用表格佈局頁面。表格的正確用處應該是,展示表格式的數據。
3 U& s( {9 }% o$ y4 ]/ ~7 @+ N$ }/ X/ e4 ?/ }
有很多標籤可以用在表格中,在初級指南中教授表格是如何工作的確實是一件比較困難的事情,沒有關係,我們一步一步來,先來看一個例子。例子什麼時候都是學習的好方法。- \! n2 d+ {" {/ ~. f
- ]6 Y8 y9 K! y9 I1 i' B
把下面的代碼拷貝到你文檔的主體(<body>與</body>中),我們就可以明細每個標籤是任何工作的了。. _- Q+ D; _1 x7 \7 f8 w
+ ~) F4 K; j3 p% H2 E) g7 J; `: v
( ^+ ]0 G7 Q4 d1 W) s; i
6 M3 i S' h' |9 c( V
Example Source Code [www.cn-webmaster.cn]. p1 ?) x2 |, {* d/ F/ p8 |
<table>
+ t# l' T" F* A0 H: a<tr>' l2 D# U+ i$ k" O: D5 p# T
<td>Row 1, cell 1</td>1 |+ T2 H( S, z; R% k- e
<td>Row 1, cell 2</td>
- r- x0 D1 w4 T' r$ \4 B0 a/ U<td>Row 1, cell 3</td>+ M0 F, q, x f
</tr>
, @' Y" W5 u r<tr>/ `/ B M, z* M! U* n9 `
<td>Row 2, cell 1</td>( {3 Z, K8 I( N2 {# P
<td>Row 2, cell 2</td>
4 {$ V! { u7 ?& y& s; H<td>Row 2, cell 3</td>
& w4 L8 I2 s& {( g4 i</tr>: x: M& i0 e1 O; R- u) y2 t6 P! `
<tr>: k' ]+ o9 L' K0 I& z' F) I. P
<td>Row 3, cell 1</td>
* i* L( l }2 e' w( W+ `<td>Row 3, cell 2</td>
, j/ M8 Q: k$ V4 A<td>Row 3, cell 3</td>
7 p @5 w, R7 F' P+ c</tr>
2 g& {5 i0 M o6 [<tr>
. @, }9 T( P4 ]- b<td>Row 4, cell 1</td>0 ]# [8 _- t. u8 n2 V$ t
<td>Row 4, cell 2</td>
- u( C2 u" t+ p+ `2 G<td>Row 4, cell 3</td>+ J* A L _" w/ _& W5 `' {
</tr>3 B* J S# ^5 H" j% m
</table>
9 A/ ^# n! J2 g4 L! Q 8 Z& u& @2 Z/ n/ Z1 M: W
table元素定義標籤;tr元素定義表格中的一行;td元素定義數據單元格,這必須包含在tr標籤內,如上所示。7 u- b: s) ^& E! ^ D5 I6 _8 M
- o: L: s7 z; t! a0 `. J
假設一個3x4的表格,包含12個單元,這就需要4個tr元素來定義行數和3個td元素在各行,總共有12個td元素。 |