<caption> , . <table>
<table>
<caption> </caption>
<tr>
<td></td>
</tr>
</table>
:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> </title>
</head>
<body>
<table border="1" width="400" cellpadding="3" cellspacing="0">
<caption> <b> :</b> </caption>
<tr>
<th></th><th></th><th></th><th></th><th></th>
</tr>
<tr>
<th> </th><td>4,7</td><td>0,7</td><td>49,8</td><td>214</td>
</tr>
<tr>
<th></th><td>2,8</td><td>3,2</td><td>4,7</td><td>58</td>
</tr>
<tr>
<th></th><td>2</td><td>0,1</td><td>19,7</td><td>83</td>
</tr>
<tr>
<th></th><td>11,4</td><td>49,3</td><td>9</td><td>489</td>
</tr>
<tr>
<th>:</th><td>20,9</td><td>53,3</td><td>83,2</td><td>844</td>
</tr>
</table>
</body>
</html>
<caption> align - left, right center, valign - top - bottom .
, , , :
<caption align="left"></caption>
- IE Opera , Firefox , .
summary <table>
:
<table summary=" ">
, , .
:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> </title>
</head>
<body>
<table border="1" width="400" cellpadding="3" cellspacing="0" summary=" " >
<tr>
<th></th><th></th><th></th><th></th><th></th>
</tr>
<tr>
<th> </th><td>4,7</td><td>0,7</td><td>49,8</td><td>214</td>
</tr>
<tr>
<th></th><td>2,8</td><td>3,2</td><td>4,7</td><td>58</td>
</tr>
<tr>
<th></th><td>2</td><td>0,1</td><td>19,7</td><td>83</td>
</tr>
<tr>
<th></th><td>11,4</td><td>49,3</td><td>9</td><td>489</td>
</tr>
<tr>
<th>:</th><td>20,9</td><td>53,3</td><td>83,2</td><td>844</td>
</tr>
</table>
</body>
</html>
|
|
|
.
: <thead>, <tbody> <tfoot>. ( <tr>) .
:
<thead> - ( . table head - "" ) , "" .
<tbody> - ( . table body - "" ), .
<tfoot> - ( . table footer - ) "" , .
:
- <table>.
<thead> <tfoot> , <tbody> .
:
<table>
<thead>
<tr>
<td></td>
</tr>
</thead>
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table>
<thead> <tbody> <tfoot>, . <tfoot> <tbody>, .
align valign, bgcolor, title, align title.
.. :
char - .
charoff - .
! .
? , :
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> </title>
</head>
<body>
<table border="1" width="400" cellpadding="3" cellspacing="0">
<caption><b> :</b></caption>
<thead bgcolor ="#deb887" title="">
<tr>
<th></th><th></th><th></th><th></th><th></th>
</tr>
</thead>
<tbody align="left" bgcolor ="#faebd7" title=" ">
<tr>
<th> </th><td>4,7</td><td>0,7</td><td>49,8</td><td>214</td>
</tr>
<tr>
<th></th><td>2,8</td><td>3,2</td><td>4,7</td><td>58</td>
</tr>
<tr>
<th></th><td>2</td><td>0,1</td><td>19,7</td><td>83</td>
</tr>
<tr>
<th></th><td>11,4</td><td>49,3</td><td>9</td><td>489</td>
</tr>
</tbody>
<tfoot align="left" bgcolor ="#f5f5dc" title=":">
<tr>
<th>:</th><td>20,9</td><td>53,3</td><td>83,2</td><td>844</td>
</tr>
</tfoot>
</table>
</body>
</html>
, <thead>, <tbody> <tfoot>..
, , , , .. ? , CSS..
, , style, , .. <style> CSS.. : (http://www.webremeslo.ru/css/glava0.html), .
:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> CSS</title>
<style type="text/css">
table {width: 600px; margin: 30px; border: #b8860b 6px ridge; border-collapse: collapse;}
td,th,tr {border: #b8860b 2px outset; padding: 3px;}
caption{font: italic bold 16px Arial; padding: 10px;}
thead {background-color: #deb887; text-align: center;}
tbody {background-color: #faebd7; text-align: left;}
tfoot {background-color: #f5f5dc; text-align: left; font: italic 14px Arial;}
tr:hover {background-color:#b8860b; color: #ffffff;}
</style>
</head>
<body>
<table>
<caption> :</caption>
< thead title="">
<tr>
<th></th><th></th><th></th><th></th><th></th>
</tr>
</thead>
< tbody title=" ">
<tr>
<th> </th><td>4,7</td><td>0,7</td><td>49,8</td><td>214</td>
</tr>
<tr>
<th></th><td>2,8</td><td>3,2</td><td>4,7</td><td>58</td>
</tr>
<tr>
<th></th><td>2</td><td>0,1</td><td>19,7</td><td>83</td>
</tr>
<tr>
<th></th><td>11,4</td><td>49,3</td><td>9</td><td>489</td>
</tr>
</tbody>
< tfoot title=":">
<tr>
<th>:</th><td>20,9</td><td>53,3</td><td>83,2</td><td>844</td>
</tr>
</tfoot>
</table>
</body>
</html>
|
|
|
CSS.
.
, <col> / <colgroup> :
width - .
align - :
o left - .
o right - .
o center - .
o justify - .
valign - :
o top - .
o middle - .
o bottom - .
o baseline - .
bgcolor - .
span - , .
, , , <table> , - :
<col width="140" bgcolor="#deb887">
<col width="100" bgcolor="#faebd7">
<col width="100" bgcolor="#faebd7">
<col width="100" bgcolor="#faebd7">
<col width="60" bgcolor="#f5f5dc">
<col> , . - ..
, , width="100" bgcolor="#faebd7" span, . :
<col width="140" bgcolor="#deb887">
<col span="3" width="100" bgcolor="#faebd7">
<col width="60" bgcolor="#f5f5dc">
, , , . , ? .
:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> </title>
</head>
<body>
<table width="500" border="1" cellpadding="3" cellspacing="0">
<caption><b> :</b></caption>
<col width="140" bgcolor="#deb887">
<col span="3" width="100" bgcolor="#faebd7">
<col width="60" bgcolor="#f5f5dc">
<thead title="">
<tr>
<th></th><th></th><th></th><th></th><th></th>
</tr>
</thead>
<tbody align="left" title=" ">
<tr>
<th> </th><td>4,7</td><td>0,7</td><td>49,8</td><td>214</td>
</tr>
<tr>
<th></th><td>2,8</td><td>3,2</td><td>4,7</td><td>58</td>
</tr>
<tr>
<th></th><td>2</td><td>0,1</td><td>19,7</td><td>83</td>
</tr>
<tr>
<th></th><td>11,4</td><td>49,3</td><td>9</td><td>489</td>
</tr>
</tbody>
<tfoot align="left" title=":">
<tr>
<th>:</th><td>20,9</td><td>53,3</td><td>83,2</td><td>844</td>
</tr>
</tfoot>
</table>
</body>
</html>
|
|
|
<colgroup> <col> , :
<colgroup width="140" bgcolor="#deb887">
<colgroup span="3" width="100" bgcolor="#faebd7">
<colgroup width="60" bgcolor="#f5f5dc">
. , .. -, <colgroup> <col>, :
<colgroup>
<col>
</colgroup>
-, <table> rules groups ( ) <colgroup>.
.
:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>colgroup</title>
</head>
<body>
<table border="1">
<colgroup bgcolor="#deb887" align="left">
<col span="3" width="20">
</colgroup>
<colgroup bgcolor="#faebd7" align="center">
<col span="2" width="40">
<col width="60">
</colgroup>
<colgroup bgcolor="#f5f5dc" align="right">
<col width="20">
<col width="30">
<col width="50">
</colgroup>
<tr>
<td>20</td><td>20</td><td>20</td><td>40</td><td>40</td><td>60</td><td>20</td>
<td>30</td><td>50</td>
</tr>
<tr>
<td>20</td><td>20</td><td>20</td><td>40</td><td>40</td><td>60</td><td>20</td>
<td>30</td><td>50</td>
</tr>
<tr>
<td>20</td><td>20</td><td>20</td><td>40</td><td>40</td><td>60</td><td>20</td>
<td>30</td><td>50</td>
</tr>
<tr>
<td>20</td><td>20</td><td>20</td><td>40</td><td>40</td><td>60</td><td>20</td>
<td>30</td><td>50</td>
</tr>
</table>
</body>
</html>
, <colgroup>, , <col>, <colgroup>.
, .
.
4 " " border - bordercolor - , .. : frame rules .
frame - , <table> , , .. ,
frame :
|
|
|
void - .
border - ( ).
hsides - .
vsides - .
above - .
below - .
lhs - .
rhs - .
:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>frame</title>
</head>
<body>
<table border="8" frame="hsides" width="400" cellpadding="3" cellspacing="0">
<caption><b> :</b></caption>
<thead bgcolor ="#deb887" title="">
<tr>
<th></th><th></th><th></th><th></th><th></th>
</tr>
</thead>
<tbody align="left" bgcolor ="#faebd7" title=" ">
<tr>
<th> </th><td>4,7</td><td>0,7</td><td>49,8</td><td>214</td>
</tr>
<tr>
<th></th><td>2,8</td><td>3,2</td><td>4,7</td><td>58</td>
</tr>
<tr>
<th></th><td>2</td><td>0,1</td><td>19,7</td><td>83</td>
</tr>
<tr>
<th></th><td>11,4</td><td>49,3</td><td>9</td><td>489</td>
</tr>
</tbody>
<tfoot align="left" bgcolor ="#f5f5dc" title=":">
<tr>
<th>:</th><td>20,9</td><td>53,3</td><td>83,2</td><td>844</td>
</tr>
</tfoot>
</table>
</body>
</html>
rules frame , .
rules :
all - .
none - .
rows - .
cols - .
groups - : <thead>, <tbody>, <tfoot> <colgroup>.
:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>rules</title>
</head>
<body>
<table border="1" rules="groups" width="500" cellpadding="3" cellspacing="0">
<caption><b> :</b></caption>
<thead bgcolor ="#deb887" title="">
<tr>
<th></th><th></th><th></th><th></th><th></th>
</tr>
</thead>
<tbody align="left" bgcolor ="#faebd7" title=" ">
<tr>
<th> </th><td>4,7</td><td>0,7</td><td>49,8</td><td>214</td>
</tr>
<tr>
<th></th><td>2,8</td><td>3,2</td><td>4,7</td><td>58</td>
</tr>
<tr>
<th></th><td>2</td><td>0,1</td><td>19,7</td><td>83</td>
</tr>
<tr>
<th></th><td>11,4</td><td>49,3</td><td>9</td><td>489</td>
</tr>
</tbody>
<tfoot align="left" bgcolor ="#f5f5dc" title=":">
<tr>
<th>:</th><td>20,9</td><td>53,3</td><td>83,2</td><td>844</td>
</tr>
</tfoot>
</table>
</body>
</html>
rules Opera, CSS.
:
<col> , ..
. <col>, , , .. ! . "" .
, <th> , "", , , .
, , , !:
- -, .
- , .
- , , .
: <thead>, <tbody>, <tfoot>, <th>, <col>, <caption>, <colgroup> - !
13
.
