Formát nadpisů a odstavců

Veškeré formátování (písmo, zarovnání textu, odsazení, barvy apod.) provádíme pomocí css stylů. U html značek nepoužíváme žádné formátovací atributy, vyvarujeme se i přímého zápisu stylu u html značky, neboť následné změny při při úpravě designu internetových stránek by byly pracné.
Nevhodné: <h1 style="text-align:center">Nadpis zarovnaný na střed</h1>
Správně:    <h1>Nadpis zarovnaný na střed</h1>
a v css:      h1 {text-align: center;}

Změna vlastnosti ve společném externím souboru stylů je rychlá a projeví se okamžitě ve všech stránkách webu.

Nejčastější chybou je použití zbytečných html značek tam, kde můžeme použít css styly, např.:
Špatně:   <h1><i>Nadpis psaný kurzívou</i></h1>
Správně: <h1>Nadpis psaný kurzívou</h1>
a v css:     h1 {font-style: italic;}

Nadpisy a odstavce formátujeme tak, že v css souboru definujeme styly pro značky p, h1, h2, atd.

Soubor css stylů pak připojíme pomocí značky link ke všem html souborům - viz kapitola Jazyk HTML - Struktura

h1,h2 { 
  font-family: Arial, sans-serif;
  color: #330000;
}
h1 {font-size: 20px;}
h2 {font-size: 16px;}
p  {text-align: justify;}

Chceme-li některý nadpis nebo odstavec odlišit od ostatních (např. zarovnat na střed či použít barvu), definujeme tzv. třídu stylu, kterou pak přiřadíme danému prvku pomocí parametru class.

.stred {text-align: center;}

<h1 class="stred">Nadpis zarovnaný na střed</h1>
<p class="stred">Odstavec zarovnaný na střed</p>

Základní css vlastnosti pro nadpisy a odstavce