Cədvəllərin əsasları

Cədvəl <table> ilə başlayır, hər sətir <tr>, adi xana <td>, başlıq xanası isə <th> ilə yazılır. Cədvəl yalnız cədvəl şəklində məlumat üçündür, səhifəni düzmək üçün yox.

<table>
  <caption>Weekly plan</caption>
  <tr><th>Day</th><th>Task</th></tr>
  <tr><td>Mon</td><td>HTML</td></tr>
  <tr><td>Tue</td><td>CSS</td></tr>
</table>

Xana bir neçə sütuna yayılmalıdırsa colspan, bir neçə sətrə yayılmalıdırsa rowspan atributu işlədilir. Ədədi bu qədər xananı birləşdirir.

<table>
  <tr><th colspan="2">Prices</th></tr>
  <tr><td>Tea</td><td>1.00</td></tr>
  <tr><td rowspan="2">Cake</td><td>3.50</td></tr>
  <tr><td>4.00</td></tr>
</table>

Uzun cədvəlləri <thead>, <tbody> və <tfoot> ilə hissələrə böl. <th> elementinə scope="col" və ya scope="row" yazmaq ekran oxuyucusuna başlığın nəyə aid olduğunu deyir. <caption> cədvələ ad verir.

<table>
  <caption>Scores</caption>
  <thead><tr><th scope="col">Name</th><th scope="col">Points</th></tr></thead>
  <tbody>
    <tr><th scope="row">Aysel</th><td>92</td></tr>
    <tr><th scope="row">Murad</th><td>88</td></tr>
  </tbody>
</table>

• Görünüşü (haşiyə, rəng) CSS ilə ver, HTML atributları ilə yox.