HTML lentelės

Lenteles nustato tagas <table>. Lentelė yra padalyta į eilutes (su tagu <tr>), ir kiekviena eilutė yra padalyta į stulpelį (su tagu <td>). Raidės td reiškia „lentelės duomenys“. Tad tarp tago <td> gali būti įdėti paveikslėliai, sąrašai, paveikslėliai, formos, lentelės ir t.t.

<table border="1">
   <tr>
       <td>eilutė 1,stulpelis 1</td>
       <td>eilutė 1, stulpelis 2</td>
   </tr>
   <tr>
       <td>eilutė 2 stulpelis 1</td>
       <td>eilutė 2, stulpelis 2</td>
   </tr>
</table>

Štai kaip tai atrodytų naršyklėje:

eilutė 1, stulpelis 1    eilutė 1, stulpelis 2
eilutė 2, stulpelis 1    eilutė 2, stulpelis 2

Lentelės ir Rėmelių Atributas.

ei jūs nenustatysite rėmelių (border atributo), lentelė bus be jokių rėmelių. Kartais tai gali praversti, bet dažniausiai rėmeliai yra naudojami. Jei norite lentelę padaryti su rėmeliais, jūs turite naudoti border atributą:

<table border="1">
   <tr>
       <td>eilutė 1, stulpelis 1</td>
       <td>eilutė 1, stulpelis 2</td>
   </tr>
</table>

Lentelių Antraštės

Lentelių antraštės nustatomos tagu <th>.

<table border="1">
   <tr>
      <th>Antraštė</th>
      <th>Kita antraštė</th>
   </tr>
   <tr>
      <td>eilutė 1, stulpelis 1</td>
      <td>eilutė 1, stulpelis 2</td>
   </tr>
   <tr>
      <td>eilutė 2, stulpelis 1</td>
      <td>eilutė 2, stulpelis 2</td>
   </tr>
</table>

Naršyklėje tai atrodytų taip:

Antraštė                  Kita antraštė
eilutė 1, stulpelis 1  eilutė 1, stulpelis 2
eilutė 2, stulpelis 1  eilutė 2, stulpelis 2

Tušti stulpeliai

Tušti stulpeliai lentelėse naršyklėse dažniausiai atvaizduojamos blogai. Jei stulpelyje nieko nerašote, pavyzdžiui:

<table>
   <tr>
       <td></td>
       <td>stulpelis 2</td>
   </tr>
</table>

Vietoje tuščios vietos stulpelyje įdėkite šį tarpo kodą:

<table>
   <tr>
      <td> </td>
      <td>stulpelis 2</td>
   </tr>
</table>