Вы находитесь на странице: 1из 7

3. html-. (3 .

)

http://htmlbook.ru/content/osnovy-verstki
+ . 82
Web-
Web- .
. .
1

, , (width=100%).
, .
,
Web-.
2
760
, .
, .
,
Web-, .

, .,
.
, .
,
- .
.

Web-, .
(
).

-
.
- .
3
: html-. .
: html-
.
: , Windows XP, Internet
Explorer, .
:
<TABLE>...</TABLE> { }
<R> </R>
<D> </D>
<> , </> -
<IN> -
width = "..."
align = "..." ( )
align = "left " -
align = "right" -
align = "center" -
valign = "..." ( )
valign = "top" -
valign = "bottom" -
valign = "middle" -
cellpadding="..." cellspacing="..." , ,
,
.
border="..."
colspan="..." rowspan="..." -
, .
:
1. :

2. :

3. :
=1, =10

=5, =10

=10, =10

4. :

5.

7. .htm
RABOCHLAB HTMLLAB.
html-:
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY bgcolor='pink'>
<H1 ALIGN = 'CENTER'> <B> html- </B> </H1>
<font FACE = 'Comic Sans MS' color='blue'>
</font>

<table border>
<tr> <th colspan='5'> </th> </tr>
<tr> <th> </th> <th> </th> <th> </th> <th>
</th> <th> </th> </tr>
<tr> <td> </td> <td> </td> <td> </td> <td>
13.10.75 </td> <td rowspan='4'> </td> </tr>
<tr> <td> </td> <td> </td> <td> </td> <td> 02.05.79
</td> </tr>
<tr> <td> </td> <td> </td> <td> </td> <td>
27.02.72</td> <td> </td> <td> </td></tr>
<tr> <td> </td> <td> </td> <td> </td> <td> 17.10.77
</td> </tr>
</table>
<hr>
<table border='1' cellpadding='10'>
<tr> <th colspan='3'> 1 </th> </tr>
<tr> <th> 2 </th> <th> 3 </th> <th> 4 </th> </tr>
</table>
<br>
<table border='5' cellpadding='10'>
<tr> <th colspan='3'> 1 </th> </tr>
<tr> <th> 2 </th> <th> 3 </th> <th> 4 </th> </tr>
</table>
<br>
<table border='10' cellpadding='10'>
<tr> <th colspan='3'> 1 </th> </tr>
<tr> <th> 2 </th> <th> 3 </th> <th> 4 </th> </tr>
</table>
<br>
<hr>
<table border width='300' height='300'>
<tr>
<th colspan='8' bgcolor='lime' align='center'> 1 </th>
</tr>
<tr>
<th rowspan='6' bgcolor='yellow' align='center'> 4 </th>
<th colspan='6' bgcolor='lime' align='center'> 2 </th>
<th rowspan='6' bgcolor='yellow' align='center'> 5 </th>
</tr>
<tr>
<th rowspan='4' bgcolor='yellow' align='center'> 3.1 </th>
<th colspan='4' bgcolor='lime' align='center'> 3 </th>
<th rowspan='4' bgcolor='yellow' align='center'> 3.2 </th>
</tr>

<tr>
<th rowspan='2' bgcolor='yellow' align='center'> 6 </th>
<td bgcolor='red' align='center'> 7 </td>
<td bgcolor='blue' align='center'> 8 </td>
<th rowspan='2' bgcolor='yellow' align='center'> 9 </th>
</tr>
<tr>
<td bgcolor='pink' align='center'> 10 </td>
<td bgcolor='purple' align='center'> 11 </td>
</tr>
<tr>
<th colspan='4' bgcolor='lime' align='center'> 12 </th>
</tr>
<tr>
<th colspan='6' bgcolor='lime' align='center'> 13 </th>
</tr>
<tr>
<th colspan='8' bgcolor='lime' align='center'> 12 </th>
</tr>
</table>
<hr>
<TABLE border width='550' height='300'>
<TR>
<Th rowspan='2' bgcolor='fuchisia' align='center'> 1 </Th>
<th colspan='6'bgcolor='blue' align='center'> 2 </th>
</TR>
<TR>
<TD bgcolor='white' align='center'> 3 </TD>
<Th colspan='2' bgcolor='purple' align='center'> 4 </Th>
<Th colspan='2' bgcolor='aqua' align='center'> 5 </Th>
<TD bgcolor='brown' align='center'> 6 </TD>
</TR>
<TR>
<th rowspan='3' bgcolor='silver' align='center'> 7 </th>
<TD bgcolor='maroon' align='center'> 8 </TD>
<th rowspan='2' bgcolor='green' align='center'> </th>
<TD bgcolor='yellow' align='center'> 9.1 </TD>
<TD bgcolor='yellow' align='center'> 9.2 </TD>
<th rowspan='2' bgcolor='green' align='center'> </th>
<TD bgcolor='white' align='center'> 10 </TD>
</TR>
<TR>
<TD bgcolor='white' align='center'> 11 </TD>
<TD bgcolor='blue' align='center'> 9.3 </TD>
<TD bgcolor='blue' align='center'> 9.4 </TD>
<TD bgcolor='pink' align='center'> 12 </TD>

</TR>
<TR>
<TD bgcolor='lime' align='center'> 13 </TD>
<Th colspan='2' bgcolor='teal' align='center'> 14 </Th>
<Th colspan='2' bgcolor='Navy' align='center'> 15 </Th>
<TD bgcolor='Maroon' align='center'> 16 </TD>
</TR>
</TABLE>
</BODY>
</HTML>