Seznamy
Rozlišujeme 2 typy seznamů:
- Odrážkový -
<ul> - Číslovaný -
<ol>
Do každého seznamu potom vkládáme odrážky - <li>. Třeba takhle:
<h1>Nákupní seznam:</h1><ul><li>Paštika</li><li>Salám</li><li>Chleba</li></ul>
A nebo číslovaný seznam:
<h1>Jak uvařit bramory:</h1><ol><li>Oškrábat bramory</li><li>Osolit vodu</li><li>Uvařit bramory</li></ol>
To je vše. Nic na tom není.
Tabulky
Pro vytvoření tabulky používáme také 3 základní značky.
<table>ohraničuje celou tabulku<tr>(table row) - řádek tabulky<td>(table data) - sloupec tabulky
Sám o sobě Ti ale jejich popis moc neřekne. Nejlépe to pochopíš v praxi:
<h1>Tabulka</h1><table><tr><td><b>Zelenina</b></td><td><b>Barva</b></td></tr><tr><td>Brambora</td><td>Žlutá</td></tr><tr><td>Mrkev</td><td>Oranžová</td></tr><tr><td>Rajče</td><td>Červená</td></tr></table>
Pro tabulky existuje ještě více tagů. Dají se rozdělovat na záhlaví, obsah a zápatí; pro nadpisy místo <td> používáme <th>. Přečti si o nich třeba tady.
Kombinace
Příklad stránky zobrazíš tady a stáhneš zde .
Zdrojový kód stránky přikládám naposledy, zobrazíš ho pomocí klávesové zkratky CTRL+U.
<body><h1>Vítej na mé stránce!</h1><h2>Obrázek</h2><!-- Dekorativní obrázek o velikosti 50x50 pixelů. --><imgsrc="obrazky/kocka.png" width="50" height="50" alt=""><h2>Seznam nečíslovaný</h2><ul><!-- Obal seznamu --><li>Židle</li><!-- Odrážka --><li>Stůl</li><li>Křeslo</li></ul><h2>Seznam číslovaný</h2><ol><!-- Obal seznamu --><li>Ráno</li><!-- Odrážka --><li>Poledne</li><li>Večer</li></ol><h2>Tabulka</h2><table><!-- Obal tabulky --><tr><!-- Řádek --><td>Jméno</td><!-- Sloupec --><td>Příjmení</td></tr><tr><td>Petr</td><td>Novák</td></tr><tr><td>Aneta</td><td>Mráčková</td></tr></table></body>
Není to zábava? Tak můžeš pokračovat!