3
, . . , . : , - (, , , ). <File:///D:\Documents%20and%20Settings\user\ %20\alex%20new\ \ \steps\simplesitepri.html>, (, , ). :
<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>
, - , (12 - , ). . , , :
1x1 | 1x2 | 1x3 |
2x1 | 2x2 | 2x3 |
, ( , ) . bgcolor="_". , , ( ). .
<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>
, :
, bgcolor <tr>:
<tr bgcolor="#FFCC33">
, bgcolor <table>:
<table bgcolor="#FFCC33">
, , , .
( ). , .
, ', :
:
? , :) height width - , , (). , . ().
? , . 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>
: - (), ? : - , , , () . , , (' - , ()).
, () , ( () ).
, height width :
<td width="30%"> </td>
30 , , , 70 , 70 . ? : 100%. : 100 - 30 = 70.
: , :
() :
|
|
<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>
, () , .
' , <center>, align, . :
<td align=center>2x2</td>
³, align right left. justify <td> align . align ( , ).
, (+ ), ( - ). , (), - .
, , , , ( ), . - 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>
valign , , , .
, , align, , valign - , , , .
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>
, 11 . ³, (100 ). width 1x1, , width . , , 13, , - - 11 , colspan.
13, :
colspan rowspan. , . , colspan, rowspan. 䳿 :
(, 23). ( , :
, :
, , ... ... , , :
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>
, , cellspacing="5", :
, , , .
cellspacing, cellpadding, , , . , , - , valign:
cellpadding="5":
( , ). , . , cellpadding ( - , ). , - ( :
<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>
, . ? - , , ... .
, , , :
' . , , . , , 쳺. | , ,
|
, , (), ( ). :
<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>
, ', : . . . - ( , , ), .
, , : background=".gif" - bgcolor, (, ), background (, ).
: (bgcolor="#ffffff"), , (background="white.gif"), . , , , IE (Internet Explorer) bgcolor , , , background. : , background , :
<td width="10" background="white.gif"> </td>
, . , ( , , ). . , : <td></td>. - , .. , , 11 .
|
|
, , .
. 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 | |
, ( ). , , , , , , , .
, , , .
, , Internet Explorer , , , . , : - 800x600 1024x768.
ͳ , , , () , , (-, , , , , .
( , ): , . : , , , .
, , , , :) .
, , , , .
, , :
<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>
<head>
<title> ̳ </title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" alink="#000000" vlink="#000000">
<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>
</body>
</html>
, , , , , , . , :
<html>
<head>
<title> ̳ </title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" alink="#000000" vlink="#000000">
<table cellspacing="5" width="700">
<tr>
<td width="400" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td>
<td width="300" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td>
</tr>
<tr>
<td bgcolor="#336699"> <center>2x1</center> </td>
<td bgcolor="#FFCC33"> <center>2x2</center> </td>
</tr>
</table>
</body>
</html>
700 . ³, 700 : 300+400=700. , , , 400 . (height), ( ) , , , , - (, ).
<html>
<head><title> ̳ </title></head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" alink="#000000" vlink="#000000"><center>
<table cellspacing="5" width="700">
<tr>
<td width="400" bgcolor="#FFCC33" colspan="2">
<div align="left">
() , , , , . <br><br> , ' <b> ?:) </b><br><br> () . , , . , :) <br><br> , , , ' ?:) , , :)
</div></td>
<td width="300" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td>
</tr>
<tr>
<td bgcolor="#336699"> <center>2x1</center> </td>
<td bgcolor="#FFCC33"> <center>2x2</center> </td>
</tr> </table> </center> </body>
</html>
, . DIV. CENTER.
, , . ? , cellpadding .
<html>
<head>
<title> ̳ </title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" alink="#000000" vlink="#000000">
<center>
<table cellspacing="5" width="700" cellpadding="20">
<tr>
<td width="400" bgcolor="#FFCC33" colspan="2" valign="top">
<div align="left">
<h3> !</h3>
() , , , , . <br><br> , ' <b> ? </b><br><br> () . , , . , :) <br><br> , , , ' ?:) , , :)
</div>
</td>
<td width="300" bgcolor="#336699" rowspan="2" valign="top">
<div align="center"><img src="primtocodephoto.gif" alt=" "> <br><br><img src="ptimtocodephoto2.gif" alt=" "></div>
</td>
</tr>
<tr>
<td bgcolor="#336699"> <center>2x1</center> </td>
<td bgcolor="#FFCC33"> <center>2x2</center> </td>
</tr>
</table> </center> </body> </html>
cellpadding , , , . , valign, ( ', , valign , ). , :
<html>
<head><title> ̳ </title></head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" alink="#000000" vlink="#000000">
<center>
<table cellspacing="5" width="700" cellpadding="20">
<tr>
<td width="400" bgcolor="#FFCC33" colspan="2" valign="top">
<div align="left">
<h3> !</h3>
() , , , , . <br><br> , ' <b> ?:) </b><br><br> () . , , . , :) <br><br> , , , ' ?:) , ,
</div>
</td>
<td width="300" bgcolor="#336699" rowspan="2" valign="top">
<div align="center"><img src="primtocodephoto.gif" alt=" "> <br><br><img src="ptimtocodephoto2.gif" alt=" "></div>
</td>
</tr>
<tr>
<td bgcolor="#336699">
<div align="center"><a href="mailto:admin@postroika.ru"> </a></div>
</td>
<td bgcolor="#FFCC33">
<div align="center"><a href="#"> </a></div>
</td>
</tr>
</table> </center> </body> </html>
, , , , . , , , .
< href="#">. </a> - , , . ', . , ' , . , , , . . , , *.html .
, : , . , . . . , , , , , 糿.