HTML TABULAS

Ar tabulas palīdzību var ne tikai sakārtot informāciju, bet arī izveidot tīmekļa vietnes
dizainu. Tabulas režģī var izvietot attēla fragmentus,
kuri kalpo par saitēm, uz kurām uzspiežot atveras vajadzīgā sadaļa.

• Attēlu sadala ar grafikas redaktoru sektoros

• Izmantojot tabulas tegus, tos ievieto tabulas veidā
 Lai izveidotu tabulu nepieciešami sekojoši tegi:

<table> - paziņo ka tiks būvēta tabula;

<td> - atbild par tabulas stabiņa izveidi; <tr>
- atbild par tabulas rindiņas izveidi;

* Pēc noklusējuma apkārt tabulai rāmīša nav!

<table>
<tr>
<td> šūna
</td>
</tr>
</table>
* Pati vienkāršākā tabula, kas sastāv no vienas šūnas un kam nav rāmīša
Tegam <table> var būt papildus parametri, ko ieraksta aiz tega

BORDER - Rāmīša biezums

Cellpadding - atstarpe starp tekstu un šūnas malu
Cellspacing - atstarpe starp šūnām
BGCOLOR - fona krāsa
Width - tabulas platums
Height - tabulas augstums

Piem. <table border = “1” cellspacing = “10”>

Arī tegam <td> var būt papildus parametri, līdzīgi kā pašai tabulai:
sava krāsa, platums, augstums utt..
<table border = “1” bgcolor = “grey” >

<tr><td bgcolor = «red»> Juris </td><td> limonāde

</td></tr>

<tr><td> Jānis </td><td> sula </td></tr>

</table>
* Ja noformējums tiek ierakstīs tegā <td> , tad tas attiecas tikai uz vienu šūnu, kurā
norādīts...
Reizēm ir nepieciešams sapludināt šūnas.
Par to atbild parametri: ROWSPAN un COLSPAN, kurus ieraksta kā tega
td parametrus, norādot par cik vienībām tiek palielināta šūna un uz
kuru pusi
Reizēm ir nepieciešams sapludināt šūnas.
Par to atbild parametri: ROWSPAN un COLSPAN, kurus ieraksta kā tega
td parametrus, norādot par cik vienībām tiek palielināta šūna un uz
kuru pusi
 Uzdevums!
Izmantojot tabulas tegus izveidot sekojošu luksoforu!
 Uzdevums!
Izmantojot tabulas tegus izveidot sekojošu luksoforu!

<table border ="1" cellspacing = "10" width = "75" height = "300" bgcolor = "grey">
<tr><td bgcolor = "red"> </td></tr>
<tr><td bgcolor = "yellow"></td></tr>
<tr><td bgcolor = "green"></td></tr> </table>