Right Icon

HTML tagy

Tagy sú spôsob ktorým HTML od seba rozpoznáva jednotlivé elementy. V tejto lekcii si ich väčšinu ukážeme, spoločne s ich nastaveniami v CSSku.


Headers

Veľmi jednoduchý koncept. Je to zvýraznený text označujúci významnejšie časti stránky. Môžeme mať H1 až H6.

V našom style.css súbore si ho vieme upraviť niekoľkými spôsobmy.

Myslím že celkom jasné. Chceme upraviť veľkosť písma, zmeníme font-size, atď. Pre zmenu farby stačí kliknúť na malý farebný štvorček vo VSCode a vybrať si akú farbu chceme.

p tag

Je to obyčajný text. Je tu alternatíva písania priamo do HTML súboru bez tagu, a oddeliť text pomocou br tagu, to sa však ale neodporúča.


br tag

Tiež zvaný line break, pridáva do textu medzeru. Môžeme ho vložiť medzi akékoľvek tagy.

hr tag

Pridá to textu vodorovnú čiaru. Užitočné keď máte článok zo sekciamy ktoré chcete oddeliť.

div tag

Tento tag dovoluje rozdelovať text na neviditelné úseky, ktorým môžeme nezávisle meniť parametre.

HTML
CSS

Prvá sekcia,

druhá seckia

, tretia sekcia


Všetky tagy pod <div> zdedia jeho vlastnosti. Tu je jednoduchý príklad:

Prvá sekcia,

druhá seckia

Iná farba

Náhodný header

, tretia sekcia

code tag

Zobrazí text v monospace fonte, pripomínajúcom terminálový font.

<code> tag používame naprieč celou učebnicou.