HTML+CSS Таблиця

2075 / 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>