Stručný úvod do jazyka HTML

Formátování textu

V HTML stejně jako např. ve Wordu píšeme text do odstavců. Odstavec uzavíráme do párové značky . Text, který je uzavřen v těchto značkách, bude napsán písmem, které je nastaveno jako standardní v příslušném prohlížeči. Použije se rovněž standardní nastavení odstavce (většinou zarovnání vlevo, žádné odsazení, jednoduché řádkování, mezera mezi odstavci). Pokud bychom chtěli změnit nějaké vlastnosti textu nebo odstavce, musíme použít atributy značky nebo použít další značky.

Ukázka formátování

Podívejte se do levého rámce na ukázku . Že netušíte, o co tam jde? Nevadí, vše si podrobně popíšeme. Teď si zkuste ukázku spustit a prohlédnout a hned začneme s vysvětlováním.

V HTML je k dispozici šest úrovní nadpisů, které se od sebe liší pouze velikostí písma. Pro nejvyšší úroveň se používá značka <h1> </h1>, pro nejnožší <h6> </h6>. Nadpisy lze dále formátovat pomocí dalších značek stejně jako text odstavce ve značce . Situace je ilustrována příkladem viz ukázka vlevo:

Na začátku máme nadpis první úrovně („Nadpis první úrovně“), který je vycentrován. Centrování zajistíme atributem pro zarovnání - align, jehož hodnota bude center. Další hodnoty align mohou být left (zarovnání vlevo), right (vpravo) a justify (do bloku).
„Normální text…“ je napsán bez jakýchkoliv úprav.
„Větší text“ je napsán větším písmem. Pro změnu velikosti používáme značku s atributem size. Hodnoty tohoto atributu mohou být v rozmezí od 1 do 7. Hodnota 7 je největší písmo.

Zdrojový text vypadá takto:

<h1 align="center">Nadpis první úrovně</h1>

Normální text…

Větší text

„Centrovaný text kurzívou“ má provedenu změnu písma a text je centrován. Změna písma a velikosti se provádí pomocí značky a atributů face a size. Aributu face se přiřazuje jako hodnota jméno druhu písma nebo rodiny písma.

WWW prohlížeče obvykle rozlišují následující rodiny písma:

Serif - klasické patkové písmo (např. Times).
Sans-serif - bezpatkové písmo (např. Helvetica nebo Arial).
Cursive - kurzíva (např. Script).
Fantasy - ozdobné písmo.
Monospace - neproporcionální písmo (např. Courier).

„Podtržený text zarovnaný vpravo“ je podtržený - značka - a je zarovnaný k pravému okraji pomocí atributu align u značky .

Centrovaný text kurzívou

Podtržený text zarovnaný vpravo

Změnu barvy písma, kterou je napsán „Modrý text“, lze docílit prostřednictvím atributu color značky . Hodnoty barev se zadávají stejně jako u atributů ve značce <body> </body>.
Text „Tady následuje tučné slovo“ ilustruje situaci, kdy je tučným písmem formátována pouze část odstavce.

Modrý text

Tady následuje tučné slovo

Další část stránky je popsána:

tučný text kurzíva

 podtržený text

<tt>písmo s pevnou šířkou znaků</tt>

<big>větší písmo</big>

 menší písmo

<s>přeškrtnuté písmo</s>

dolní index

horní index

Význam těchto značek již nebudeme podrobně popisovat, neboť je zřejmý z kontextu. Případné nejasnosti si experimentálně vyzkoušejte na ukázce vlevo.