, , , -. , -. , , HTML , , , . , . , , , .
, . .
<table>
, . , <tr> <td>.
<td>
. <td> <tr>, <table>.
<th>
<th> , . .
<tr>
<tr> .
, . , . C , .
- <table>. , . , <tr> <td>. ( 12.1). <td> <th>. , <th>, . , , <td> <th> .
12.1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">< html > < head > < meta http-equiv="Content-Type" content="text/html; charset=utf-8"> < title > TABLE</ title > </ head > < body > < table border="1" width="100%" cellpadding="5"> < tr > < th > 1</ th > < th > 2</ th > </ tr > < tr > < td > 3</ td > < td > 4</ td > </ tr > </ table > </ body ></ html >. 12.1.
|
|
. 12.1.
<table>
, , <table>, <tr> <td>. <table>, .
Align
. : left , center right . left right, .
Bgcolor
.
Border
. .
Cellpadding
. , . cellpadding , . cellpadding . , , .
Cellspacing
. border, .
Cols
cols , . , . cols .
Rules
, . , . ( cols), (rows) (groups), <thead>, <tfoot>, <tbody>, <colgroup> <col>. border.
Width
. , . , , , , width , . , , .
<td>
, <td>, , <table>.
Align
. : left - , center right .
|
|
Bgcolor
. bgcolor <table> .
Colspan
, . , . , , . 12.2.
. 12.2. ,
. 12.2 , colspan.
Height
. height . . height , , . , , , .
Rowspan
, . , . , , . 12.3.
. 12.3. ,
. 12.3 , rowspan.
Valign
. . : top , middle , bottom , baseline , .
Width
. , .
/ | ֳ, . | |
400 . | ||
1300 . | ||
750 . | ||
2 550 . | ||
1 070 . |
<html>
<body>
<table border = "1">
<tr>
<th COLSPAN=3> </th>
</tr>
<tr>
<td> / </td>
<td> </td>
<td> ֳ, . </td>
</tr>
<tr>
<td> 1 </td>
<td align=center> </td>
<td align=center> 400 . </td>
</tr>
<tr>
<td> 2 </td>
<td align=center> </td>
<td align=center> 1300 . </td>
</tr>
<tr>
<td> 3 </td>
<td align=center> </td>
<td align=center> 750 . </td>
</tr>
</table>
</body>
</html>
<TABLE>. , , . <TR>, - <TH>, <TD>.
<TH> .
<TD> - .
.
"" ? , , , -, , , . , , , .
|
|
:
HTML-: <table border="1"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> </tr> </table> | :
|
, , BORDER <TABLE>.
, . , CELLSPACING.
- . BORDERCOLOR.
:
HTML-: <table border="2" cellspacing="5" bordercolor="#0ff00f"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> </tr> </table> | :
|
<CAPTION>.
. ALIGN bottom .
, HTML .
:
HTML-: <table border="1"> <caption> </caption> <tr> <td>1</td> <td>2</td> </tr> </table> | :
|
<COLGROUP> <COL>.
<COLGROUP> , . , - , .
<COL> , , . , .
:
HTML-: <table border="1"> <colgroup span="1" style="color:red"></colgroup> <colgroup span="2"> <tr> <th></th> <th></th> <th>-</th> </tr> <tr> <th></th> <td>20</td> <td>50</td> </tr> <tr> <th></th> <td>30</td> <td>80</td> </tr> </table> <br> <table border="1"> <col span="1" style="color:green"> <col span="2" style="color:red"> <tr> <th></th> <th></th> <th>-</th> </tr> <tr> <th></th> <td>20</td> <td>50</td> </tr> <tr> <th></th> <td>30</td> <td>80</td> </tr> </table> | :
|
<THEAD>, <TBODY>, <TFOOT>.
<THEAD> - . .
<TBODY> - , .
<TFOOT> - , . . .
:
HTML-: <table border="1"> <thead style="color:green"> <tr> <th></th> <th></th> <th>-</th> </tr> </thead> <tr> <th></th> <td>20</td> <td>50</td> </tr> <tr> <th></th> <td>30</td> <td>80</td> </tr> <tfoot> <tr> <td colspan="3" align="center"> </td> </tr> </tfoot> </table> | :
|
BGCOLOR , , , , .
, #.
:
HTML-: <table border="1"> <tr bgcolor="#ff00ff"> <td>1</td> <td>2</td> </tr> <tr bgcolor="#5555ff"> <td>3</td> <td>4</td> </tr> </table> | :
|
BACKGROUND . , , , .
:
HTML-: <table background="img/sea.jpg"> <tr> <td>11111</td> <td>22222</td> </tr> <tr> <td>33333</td> <td>44444</td> </tr> </table> | :
|