Tabele
Tabele
Tabele so razdeljene na stolpce in vrstice. Glede na atribute se prikaz tabele spreminja.
Nekaj osnovnih ukazov za delo z tabelo:
<table> - začetek tabele in </table>
atributi elementa:
- border=”1” - kako velik bo okvir – 0 okvirja ni
- bgcolor=”red” - barva ozadja tabele – lahko opisno ali pa z #000000
- background=”slika.jpg” - slika kot ozadje tabele
Elementi uporabljeni za izgradnjo tabele
- <tr> začetek vrstice in </tr> - konec vrstice
- <th> začetek glave tabele in </th> - konec
- <td> začetek stolpca in </td> - konec
lahko tudi posameznemu stolpcu prirejamo svojo barvo, ali pa posamezni vrstici. Elementu tr, th, td dodamo atribut bgcolor ali pa background atribut.
Z atributi kontroliramo tudi razmik med posameznimi celicami, kot tudi koliko od roba naj bo tekst izpisan:
- cellspacing
- cellpadding
Tabele
Primer enostavne tabele:
<table border="1">
<tr>
<td>vrstica 1, celica 1</td>
<td>vrstica 1, celica 2</td>
</tr>
<tr>
<td>vrstica 2, celica 1</td>
<td>vrstica 2, celica 2</td>
</tr>
</table>
Primer tabele z glavo:
<table border="1">
<tr>
<th>glava</th><th>se ena glava</th>
</tr>
<tr>
<td>1 - 1</td><td>1 - 2</td>
</tr>
<tr>
<td>2 - 1</td><td>2 - 2</td>
</tr>
</table>
Primer tabele z praznimi celicami<br>
<table border="1">
<tr>
<td>1 - 1</td>
<td>1 - 2</td>
</tr>
<tr>
<td>2 - 1</td>
<td> </td>
</tr>
</table>
Tabela, ki ima dve celici zliti v eno
<table border="1">
<tr>
<th>Ime</th><th colspan="2">Telefon</th>
</tr>
<tr>
<td>Andrej Bagon</td><td>555 77 854</td><td>555 77 855</td>
</tr>
</table>