HTML Classes



Classy (z angličtiny class – trieda) sa v HTML používajú na zjednodušenie kódu. Ako sme si vysvetľovali v predchádzajúcich lekciách, tak textom môžeme nastaviť rôzne atribúty. To ale môže byť veľmi otravné keď máme veľa textu. Preto sa používajú classy. Takto na jednom mieste nastavíte, že hocijaký text s takouto classou bude vyzerať takto. Tam nastavíte farbu textu, farbu pozadia, a rôzne iné veci.


Classy sa definujú v heade. A to takto:


Príklad:

<head>
<style>
.meno {
color:red;
background-color:black;
}
</style>
</head>
<body>

<p class="meno">Adam</p>

</body>

Teraz sme vytvorili classu meno a jej sme dali, že text bude vždy červený a pozadia čierne. Následne sme túto classu priradili paragrafu.


Keď tvoríme classu tak do headu dáme dva tagy style, otvárací a zatvárací. Sem môžeme dať hocijaké množstvo class. Keď chceme nejakú definovať, tak musíte napísať bodku a meno classy. V našom prípade .meno . Nasleduje dvojica takých tých divných zátvoriek. Všetko čo chceme nastaviť pre danú classu musí byť medzi nimi, inak to prehliadač odignoruje. A tam potom píšeme atribúty ako by sme ich písali aj keby sme ich písali len pre jeden tag.


Classu nemusíme určovať len paragraphom. Classu vieme určiť hocičom textu, nadpisu, listu ale aj obrázkom. Vtedy to urobíme rovnako.