21-. |
|
21-.
, , . . , . : , – (, , , ). , (, , ).
:
<table></table>
, : (), .
<tr></tr> -
<td></td> - ()
, (). . , . ? :
<table>
<tr></tr> <tr></tr> </table> |
<table>
<tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> |
<table>
<tr> <td>1x1</td> <td>1x2</td> <td>1x3</td> </tr> <tr> <td>2x1</td> <td>2x2</td> <td>2x3</td> </tr> </table> |
|
|
|
|
|
|
<table>
<tr> <td bgcolor="#FFCC33">1x1</td> <td bgcolor="#336699">1x2</td> <td bgcolor="#FFCC33">1x3</td> </tr> <tr> <td bgcolor="#336699">2x1</td> <td bgcolor="#FFCC33">2x2</td> <td bgcolor="#336699">2x3</td> </tr> </table> |
: Html . |
22-. |
|
22-.
, , :
:
? , :) height width - , , (). , . ().
<table>
<tr> <td height="35" width="50" bgcolor="#FFCC33"> 1x1 </td> <td width="50" bgcolor="#336699"> 1x2 </td> <td width="50" bgcolor="#FFCC33"> 1x3 </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> 2x1 </td> <td width="50" bgcolor="#FFCC33"> 2x2 </td> <td width="50" bgcolor="#336699"> 2x3 </td> </tr> </table> |
<table>
<tr> <td height="35" width="50" bgcolor="#FFCC33"> <center> 1x1 </center> </td> <td width="50" bgcolor="#336699"> <center> 1x2 </center> </td> <td width="50" bgcolor="#FFCC33"> <center>1x3 </center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center> 2x1 </center> </td> <td width="50" bgcolor="#FFCC33"> <center> 2x2 </center> </td> <td width="50" bgcolor="#336699"> <center> 2x3 </center> </td> </tr> </table> |
: Html . |
23-. |
|
23-.
, , , , :).
, , .. , , ( ), . - valign="middle" (top, bottom) - ( ):
, . , :
<table>
<tr> <td height="35" width="50" bgcolor="#FFCC33" valign="top"> <center>1x1</center> </td> <td width="50" bgcolor="#336699"> <center>1x2</center> </td> <td width="50" bgcolor="#FFCC33" valign="bottom"> <center>1x3</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699" valign="bottom"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> <td width="50" bgcolor="#336699" valign="top"> <center>2x3</center> </td> </tr> </table> |
: Html . |
24-. |
|
24-.
colspan rowspan. Colspan - , , rowspan - ( 2 , .. ()). , , .
, 11 (). colspan="2", 11. :
<table>
<tr> <td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td> <td width="50" bgcolor="#336699"> <center>1x2</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> <td width="50" bgcolor="#336699"> <center>2x3</center> </td> </tr> </table> |
: Html |
24-2 - . |
|
24-2 - .
, . , – , . :)
:
13 .
<table>
<tr> <td height="35" bgcolor="#FFCC33"> <center>1x1</center> </td> <td width="50" bgcolor="#336699"> <center>1x2</center> </td> <td width="50" bgcolor="#336699" rowspan="2"> <center>1x3</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> </tr> </table> |
<table>
<tr> <td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td> <td width="50" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> </tr> </table> |
: Html . |
25-. |
|
25-.
, :
, , ... ... , , :
cellspacing, :
<table cellspacing="0">
<tr> <td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td> <td width="50" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> </tr> </table> |
<table cellpadding="5">
<tr> <td height="35" bgcolor="#FFCC33" colspan="2" valign="top"> <center>1x1</center> </td> <td width="50" bgcolor="#336699" rowspan="2" valign="top"> <center>1x2</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699" valign="bottom"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33" valign="bottom"> <center>2x2</center> </td> </tr> </table> |
: Html |
26-. |
|
26-.
, . ? - , , ... .
, , - , :
. , , . , , . |
, , :
|
, , (), ( ). :
<table>
<tr> <td width="200" valign="top" background="blue.gif" align="center"> . , , . , , .</td> <td width="10" background="white.gif"> </td> <td width="200" valign="top" background="blue.gif" align="center"> , , : <br><br> <table cellspacing="3"> <tr> <td width="50" background="white.gif"></td><td background="white.gif">65% </td> </tr> <tr> <td width="50" background="white.gif"></td><td background="white.gif">20% </td> </tr> <tr> <td width="50" background="white.gif">.</td><td background="white.gif">15% </td> </tr> </table> <br><br> </td> </tr> </table> |
: Html . |
27-. |
|
27-.
, , . border. 3 :
<table border="3">
. :
. :
<table border="3" bordercolor="#000000">
.
( ), cellpadding, , , . – , , cellpadding, , (bgcolor="#000000", ) .
:
<table border="0" cellspacing="0" cellpadding="5" bgcolor="#000000">
<tr> <td> <table width="100%" border="0" bgcolor=" "> ... </table> </td> </tr> </table> |
IE
|
NN
|
|
![]() |
![]() |
|
28-. |
|
28-.
, , :
<table cellspacing="5">
<tr> <td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td> <td width="50" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> </tr> </table> |
: Html |
29-. |
|
29-.
, , , , () . , , , , : .
. , , , , , ( ). :
(1) - < - <
(2) - > - > (3) - " - " (4) - - (5) - & - & |
: Html . |