HTML/Lekce 3

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

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 ►