Головна‎ > ‎HTML + CSS‎ > ‎

Таблиця

<table width="100%" border="1" bgcolor="#D3EDF6" bordercolor="#FF0000"
 cellpadding="30" cellspacing="56"> 
    <tr>
        <td width="100" height="200"></td>
    </tr>
</table>

border-collapse: collapse; - прибрати проміжки між комірками (separate)
border-spacing: 10px; - відстань між комірками
vertical-align: bottom; - знизу (middle, top, baseline, inherit, initial)
text-align: right; - зправа (сenter, left, initial, inherit)
background-image: url(1.jpg);
empty-cells: hide; - не показувати порожні комірки
<caption>Назва</caption> - зголовок таблиці (потім іде <tr>)
caption-side: top; - розташування заголовку (bottom)
<colgroup><col span="2" class="col-1"></colgroup> - розфарбувати комірки
<thead>, <tfoot> - допоміжні
border-top, border-bottom, border-left, border-right 



<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>



<table>
  <tr>
    <td colspan="3">Telephone</td>
                           
                           
  </tr>
  <tr>
    <td valign="top">Bill Gates</td>
    <td bgcolor="#D3EDF6">55577854</td>
    <td align="center">55577855</td>
  </tr>
</table>



<table>
  <tr>
    <td>Name:</td>
    <td>Bill Gates</td>
  </tr>
  <tr>
    <td rowspan="2">Telephone:</td>
    <td>55577854</td>
  </tr>
  <tr>
                             
    <td>55577855</td>
  </tr>
</table>