Formátováním textu se myslí jeho úprava, tedy změna velikosti, barvy a druhu písma, zarovnání textu, jeho rozdělení do odstavců, nadpisy apod.
Nadpisy
Nadpisy ohraničují značky h1, h2, h3, h4, h5 a h6. Značka h1 vymezuje nadpis první úrovně, je největší, obvykle by měl obsahovat název celé stránky a na stránce by se měl vyskytovat pouze jednou. Po něm následuje h2 pro hlavní oddíly, h3 pro pododdíly atd. Velikost nadpisů postupně klesá.
<h1>Nadpis</h1>
<h2>1. Nadpis druhé úrovně</h2>
<h2>2. Nadpis druhé úrovně</h2>
<h3>1. Nadpis třetí úrovně</h3>
<h3>2. Nadpis třetí úrovně</h3>
<h2>3. Nadpis druhé úrovně</h2>
Atribut
align (zarovnání)
Hodnoty
right (napravo), left (vlevo), center (na střed), justify (zarovnání do bloku)
Úkol: Zkopírujte text (žluté pozadí) do souboru index.htm mezi značky <body> a </body>. Uložte. Zobrazte v prohlížeči. Text <h1> nahraďte textem <h1 align="center">. Uložte. Zobrazte v prohlížeči.
Odstavec
Text ohraničený značkou p vytvoří odstavec, tedy blok textu vymezený mezerou shora i zdola. Značka p má vlastnost (atribut) zarovnání, který určí zarovnání textu.
Atribut
align (zarovnání)
Hodnoty
right (napravo), left (vlevo), center (na střed), justify (zarovnání do bloku)
Úkol: Mezi text <h3>1. Nadpis třetí úrovně</h3> a <h3>2. Nadpis třetí úrovně</h3> vložte
<p align="center">Text odstavce pod nadpisem třetí úrovně. Text odstavce pod nadpisem třetí úrovně. Text odstavce pod nadpisem třetí úrovně. Text odstavce pod nadpisem třetí úrovně.<p>. Uložte. Zobrazte v prohlížeči. Text "center" zaměňte za"left". Uložte. Zobrazte v prohlížeči.
Odřádkování
Značka br se používá k ukončení řádku a přechodu na druhý řádek (jako v klasickém textovém editoru klávesa [Enter]). Pokud nevložíme značku br text se zalamuje až s koncem okna prohlížeče nebo odstavce.
Úkol: Pod text <h3>2. Nadpis třetí úrovně</h3> vložte text 1. řádek 2. řádek. Uložte. Zobrazte v prohlížeči. Za text 1. řádek vložte značku <br>. Uložte. Zobrazte v prohlížeči.
Vodorovná čára
Značka hr.
Úkol: Pod hlavní nadpis umístěte vodorovnou čáru <hr align="left" width="100" size="1">. Uložte. Zobrazte v prohlížeči. Šířku čáry udejte jako 100%.