Seznamy
Vytváření nečíslovaných a číslovaných seznamů
Používáme je k zpřehlednění textu.
Pro číslovaný seznam používáme značku <ol>, zastupující uspořádaný seznam.
Pro nečíslovaný seznam je <ul>, zastupující neuspořádaný seznam.
Každá číslovaná nebo nečíslovaná položka seznamu se označí značkou <li> jako položka seznamu.
Vnořování seznamů
Seznamy mohou být vnořené uvnitř jiných seznamů.
Druh seznamu | Hodnota | Výsledek |
Neuspořádaný | disc | plný kruh |
circle | kruh bez výplně | |
square | plný čtverec | |
Uspořádaný | decimal | 1, 2, 3 |
lower-roman | i, ii, iii | |
upper-roman | I, II, III | |
lower-alpha | a, b, c | |
upper-alpha | A, B, C | |
none | (nic) |
Vkládání speciálních znaků
speciální znaky jsou znaky, které nejsou na standardní anglické klávesnici.
Symbol | Název entity | Číslo entity |
& | & | & |
<
| < | < |
>
| > | > |
©(autorská práva) | © | © |
®(registrovaná ochranná známka) | ® | ® |
™(ochranná známka) | ™ | ™ |
Vkládání vodorovných čar
Mohou být užitečné ja ko oddělovače částí webové stránky. Pro přidání vodorovné čáry jednoduše přidáme nepárvou značku <hr /> Mezera na konci a lomítko jsou v HTML nepovinné, ale XHTML je vyžaduje, takže je dobré zvyknout si na jejich používání.Standardně se zobrazuje přes celou šířku okna prohlížeče, její výška je 2 pixely a je černá s vyrytým efektem.
Změnit ji lze vložením parametru <hr style="color:green; background-color:green; height:3px;width:50%" />
Barva pozadí a popředí
Varování před použitím tmavého nebo vzorovaného pozadí webových stránek, protože znesnadňuje čtení textu.Jeden ze způsobů určování barev je pomocí hodnoty palety RGB. Každá barva se může popsat pomocí skupiny tří čísel od 0 do 255 k vyjádření množství červené, zelené a modré.
Hodnoty barev můžeme v HTML vyjádřit také hexadecimálním zápisem.
255 se např. převede jako FF, takže hodnotu 255,255,0 vyjádříme číslem #FFFF00
Pro určení pozadí celé stránky použijeme parametr style tagu <body>, který určuje vzhled celého dokumentu. V tomto případě nastavuje barvu pozadí stránky (background-color) na žlutou.
<body style="background-color:yellow">
resp.<body style="background-color:FFFF00"> resp.<body style="background-color:255,255,0">
Pro určení popředí <body style="color:green">
Poznámka: zavržený je způsob <body bgcolor="yellow" color="green">
Určení souboru s obrázkem na pozadí
Obrázek se zobrazí za textem stránky. Ve výchozím nastavení se obrázek opakuje, aby vyplnil stránku a posunuje se se stránkou.- Obrázky proto vybírejte tak, aby každá kopie hladce ladisla s textem. Když okraje dobře navazují, bude to vypadat jako jeden velký obrázek
- Když určíte obrázek na pozadí, měli byste určit také barvu pozadí. Kdyby se obrázek z nějakého důvodu nezobrazil.
<body style="background-image:url(pozadi.jpg);color:green">
Poznámka: Existuje také zavržený způsob určení obrázku na pozadí ve značce <body>. <body background="obrazek">
Ve výchozím nastavení se obrázek opakuje horizontálně i vertikálně, aby vyplnil okno.
To změníme přidáním vlastnosi backgrount-repeat s hodnotou repeat-x, repeat-y, nebo no-repeat.
<body style="background-image:url(pozadi.jpg);background-repeat:no-repeat">
Ve výchozím nastavení se obrázek posunuje s textem. Aby se obrázek neposunoval s textem, pak je potřeba do značky <body> přidat valstnost background-attachment s hodnotou fixed
Příklad
<h1>Matematika</h1>
<ol style="list-style-type: upper-roman">
<li>Analytická geometrie
<ul><li>vektory</li>
<li>rovnice<ol>
<li> parametrická</li>
<li>obecná</li></ol></li></ul></li>
<li>stereometrie
<ul><li> řezy</li></ul></li>
</ol>
<hr style="color:#660000; height:4px; width:1000;background-color:#660000">
<p>Copyright © 2008 <i>Výpočetní technika Reifová™</i><br>
Bez předchozího písemného souhlasu je kopírování těchto materiálů zakázáno<br>
</body>