HTML/Lekce 3

Z Wikiknih
Skočit na navigaci Skočit na vyhledávání

Je poslední z lekcí určených začátečníkům.

Doctype[editovat]

Každá validní stránka by na svém začátku měla mít DOCTYPE. Říká jaké verze HTML a typu DTD bylo použito.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Uvedený příklad je vhodný DOCTYPE pro začátečníky nebo pro lidi, kteří pracují i se zastaralými tagy. Stačí ho nakopírovat na začátek stránky před <html>.

Velikost, typ a barva písma[editovat]

Předem upozorňuji na to, že tento tag je velice zastaralý a neměl by se používat. Můžete se s ním ale leckde ještě setkat (např. na spolužácích při psaní příspěvků na nástěnku v Opeře), proto se ho vyplatí znát a užít v případě potřeby.

<font face="Verdana">Rodina písma Verdana</font>
<font color="red">Červeně psaný text</font>
<font size="7">Velké písmo</font>

Atribut face označuje, jakým písmem bude označený text vypsán (např. Verdana, Times New Roman, Courier New), size označuje velikost (1 je nejmenší a 7 největší) a color barvu. U barev je možné použít více forem zápisu.

Formy zápisu barev[editovat]

O nich bude samostatná lekce, ale ve stručnosti:

  • anglické pojmenování barvy - black, blue, red, lime apod.
  • hexadecimální zápis - #008080, #25658a
  • zkrácený hexadecimální zápis - #fff, #532, přípustný jen v CSS

Tagy <small> a <big>[editovat]

Opět zastaralé tagy. Určují malé a velké písmo v textu.

Tagy <sub> a <sup>[editovat]

Tagy <sub> a <sup> určují dolní a horní index.

Javascript[editovat]

Javascript se vkládá pomocí tagu <script>.

<script>
window.alert("Ahoj světe!");
</script>

Vypíše hlášku "Ahoj světe!".

Stylopis[editovat]

Do stránek se vkládá párovým tagem <style>. Většinou je vložen do záhlaví a obsahuje CSS.

<style>
p {font-size: 120%;}
</style>

Vycentrování[editovat]

Dalším tagem je <center>. Taktéž je párový a bez problémů vycentruje jakýkoliv prvek stránky. Je zastaralý a v dnešní době se vycentrování jednoduše deklaruje v CSS.

Vnořený rám[editovat]

Vnořený rám je dalším poměrně užitečným prvkem pro začátečníky. Dovoluje vložit do stránky v rámu další stránku.

Je tvořen tagem <iframe> s atributy src (adresa stránky ke vložení), width, height a dalšími méně důležitými atributy, o kterých se dozvíte později.

<iframe src="http://cs.wikipedia.org" height="100" width="300"></iframe>

Znakové entity[editovat]

Znakové entity umožňují vkládání speciálních znaků do stránky. Např. < je &lt; nebo © je &copy;.

Závěrem[editovat]

Nyní už umíte základy HTML a můžete se směle pustit do psaní článků na svůj blog bez obav, že Vás překvapí nějaká chyba při psaní a vkládání článků.

"Oblíbenou" chybou systému blog.cz je uzavírání tagu až za <br />, což může způsobit nejednu nepříjemnost.

Dále[editovat]

◄ HTML/Lekce 2 Lekce 3 HTML/Uložení stránky ►