HTML/Lekce 2
Z Wikiknih
V druhé lekci se podíváme na další tagy a jejich vlastnosti. Opět to bude lekce použitelná i prostými bloggery.
Obsah |
[editovat] Nadpisy
V HTML stejně jako v textových editorech typu Word by se měly používat nadpisy. Je jich k dispozici celkem 6 úrovní. Značíme je tagy <h1> až <h6>, kde <h1> znamená nejvyšší úroveň. Jedná se o tagy párové.
 |
<pre><h1>Živočichové</h1> <h2>Bezobratlí</h2> <h2>Obratlovci</h2> <h3>Ryby</h3> <h3>Obojživelníci</h3> <h3>Plazi</h3> <h4>Dinosauři</h4> <h4>Želvy</h4> <h4>Ještěři</h4> <h3>Ptáci</h3> <h3>Savci</h3> <h4>šelmy</h4> <h5>Psovité</h5> <h5>Kočkovité</h5> <h6>Kočka</h6> <h6>Lev</h6> <h5>Medvědovité</h5> <h4>Primáti</h4> |
[editovat] Seznamy
Seznamy mohou být buď číslované (<ol>) nebo nečíslované (<ul>).
Jednotlivé položky seznamů jsou vyznačeny párovým tagem <li>.
[editovat] Nečíslované seznamy
|
<ul> <li>První položka</li> <li>Druhá položka</li> </ul> |
Nečíslované seznamy se značí tagem <ul>.
[editovat] Číslované seznamy
|
<ul> <li>První položka</li> <li>Druhá položka</li> </ul> |
Číslované seznamy označuje tag <ol>. Standardně se číslují čísly začínající číslem 1.
[editovat] Poznámky
Poznámky jsou textem, který se na stránce nezobrazí a slouží ke komentování zdrojového kódu nebo pro odkomentování prvků stránek (uvnitř tagů), které starší prohlížeče neumí zobrazit.
|
<!-- Toto je poznámka -->
|
[editovat] Tabulky
Tabulky jsou opět dalším prvek, které mají spoustu nastavitelných vlastností od barvy buněk přes rámečky až po jejich šířku nebo výšku, tak tu zmíníme jen ty nejdůležitější.
|
<!-- Tabulka orámovaná rámečkem se šířkou deset pixelů a široká 200 pixelů --> <table border="10" width="200"> <!-- <tr> Označuje řádek, <th> buňku záhlaví a <td> obyčejnou buňku --> <tr> <th>Zboží</th> <th>Cena</th> </tr> <tr> <td>Chléb</td> <td rowspan="2">10 Kč</td> <!-- colspan označuje sloučení určitého počtu sloupců a rowspan řádků --> </tr> <tr> <td>Pivo</td> </tr> </table> |
Výsledná tabulka:
| Zboží | Cena |
|---|---|
| Chléb | 10 Kč |
| Pivo |
Z příkladu je vidět, že tabulka je vyznačena značkou <table>, která může mít atribut border označující šířku rámečku a atribut width znamenající šířku tabulky. Stejně tak se dá pomocí atributu height nastavit výška tabulky. Atributy width a height se dají nastavit jakémukoliv prvku tabulky. V případě, že se nastaví rozměry konfliktně, tak prohlížeč dá přednost první použité hodnot.
Řádky tabulky se značí jako <tr> a její jednotlivé buňky jako <td>. Zvláštní postavení má značka <th>, která označuje buňky záhlaví.
Chcete-li spojit buňky, tak použijte buď atribut colspan pro sloučení sloupců nebo atribut rowspan pro sloučení řádků. Slučujete-li buňky, tak vynechte ty sloučené buňky až na tu jednu, kde uvedete atribut col/rowspan.
[editovat] Horizontální čára
Horizontální čára se značí nepárovým tagem <hr>. Jako její atributy se dá použít size - její šířka v pixelech (např. size="5") a width a její délka v pixelech nebo procentech (např. width="90%" nebo width="250").
[editovat] Neformátovaný text
Neformátovaný text se vkládá pomocí tagu <pre>. Používá se např. pro výpis zdrojové kódu, protože uvnitř něj neplatí jakékoliv formátování.
[editovat] Dále
| HTML/Lekce 2 | HTML/Lekce 3→ |
