Všetko máme pripravené, môžeme začať.
Napíšeme alebo skopírujeme nasledujúci text:
<html> <head> <title>Stránka</title> </head> <body> </body> </html>
Súbor uložte ako index.html a otvorte ho. Ak sa zobrazila prázdna stránka, všetko je v poriadku.
Hore uvedenému textu (hovorí sa mu zdrojový kód) zatiaľ asi veľmi nerozumiete. Preto vysvetlíme základné pojmy.
Jazyk HTML sa skladá s tzv. tagov. Každý tag reprezentuje určitý objekt na stránke (odstavec, titulok, obrázok,...). Tagy píšeme v ostrých zátvorkách: < >.
Tag HTML značí webový dokument, HEAD hlavičku, BODY telo stránky (doňho píšeme skoro všetky ostatné tagy). Skúsme tag TITLE (titulok stránky) zapísať do zdrojového kódu:
<title>
Ale titulok musí mať aj svoj koniec - je to tzv. párový tag:
<title></title>
Do vnútra tagu napíšeme samotný text titulku:
<title>Stránka</title>
Príkladom nepárového tagu je obrázok (neukončujeme ho pomocou </IMG>):
<img>
Obrázok má však aj atribúty - sú to vlastnosti tagu, ktoré určujú rozširujúce informácie:
<img src="obrazok.jpg">
V tomto prípade bol uvedený atribút SRC, určujúci adresu obrázku.
Zatiaľ sme si určite všimli, že tag TITLE je párový - má začiatok a koniec, IMG je nepárový - neurčujeme jeho koniec.
Teraz zistíme, že niektoré tagy môžu mať aj viac atribútov:
<img src="obrazok.jpg" alt="Malý obrázok">
Obrázok bude mať adresu obrazok.jpg a alternatívny text (ten, ktorý sa vypíše, ak sa nezobrazí obrázok) bude: Malý obrázok. Vo všeobecnosti môžeme napísať toto:
<názov_tagu atribút="hodnota">
Pojmy tag, atribút a hodnota si treba zapamätať, sú veľmi dôležité.