Pro výukové účely na SPŠ Zlín
vytvořil RNDr.Vladimír Vaščák

Tabulky

  1. Základní tabulka
  2. Atributy značky <table>
  3. Značky <caption>, <thead>, <tbody>, <tfoot>
  4. Značka <tr>
  5. Značka <colgroup>

4. Značka <tr>

Značka tr vytváří nový řádek tabulky. Do značky vkládáme značky th (záhlaví) a td (buňka).

Atributy pro všechny značky:

Atributy událostí, stylů a jazyka jsou stejné jako u jiných značek. Příklad: (všechny hodnoty nejsou zatím podporovány)
<tr align="right"> 
    <td valign="top"><p>Evropa</p> <p>&nbsp;</p></td> 
    <td valign="middle">10 527</td> 
    <td valign="bottom">687</td> 
    <td valign="baseline">65,26</td>
</tr>

Se zobrazí jako:
Kontinent rozloha obyvatel obyv/km2

Evropa

 

10 527 687 65,26
Příklad:
<tr bgcolor="#0000FF"> 
    <td bgcolor="#FF0000">Evropa</td> 
    <td bgcolor="#00FF00">10 527</td> 
    <td>687</td> 
    <td>65,26</td>
</tr>

Se zobrazí jako:
Kontinent rozloha obyvatel obyv/km2
Evropa 10 527 687 65,26

Atributy pro značky th a td :

Příklad:
<table width="200" border="4" cellspacing="1" cellpadding="1"> 
    <tr> 
        <td colspan="2">&nbsp;</td> 
        <td>&nbsp;</td>
    </tr> 
    <tr> 
        <td>&nbsp;</td> 
        <td>&nbsp;</td> 
        <td>&nbsp;</td>
    </tr> 
</table>
Se zobrazí jako:
   
     
Příklad:
<table width="200" border="4" cellspacing="1" cellpadding="1"> 
    <tr> 
        <td rowspan="2">&nbsp;</td> 
        <td>&nbsp;</td> 
        <td>&nbsp;</td>
    </tr> 
    <tr> 
        <td>&nbsp;</td> 
        <td>&nbsp;</td>
    </tr> 
</table> 
Se zobrazí jako:
     
   
Neprobrané atributy: char , charoff , headers , scope a axis

Úkol: s využitím většiny probraných atributů a značek vytvořte tuto tabulku:
Únor
ZDE
zpět vpřed
© 2007 Pro výuku na SPŠ Zlín připravil RNDr. Vladimír Vaščák