A HTML fogalma
● Az Interneten található
információtömeg alapvető alkotóelemei a HTML dokumentumok.
● Mi az a HTML?
– HyperText Markup Language
– Hipertext jelölő
nyelv
● Mi az a hipertext?
– Olyan dokumentumok hálózata, amit kereszthivatkozások szőnek át.
A kereszthivatkozás
● Mi az a kereszthivatkozás?
– Egy kapcsolat egy vagy két dokumentum két pontja között.
– Rákattintva a hivatkozásra
(link) elugrunk a kapcsolat másik végére.
● Hova mutathat egy kereszthivatkozás?
– Egy másik dokumentumra (az elejére)
– Bármely dokumentum egy
kiválasztott pontjára.
A dokumentum
● Mit értünk dokumentum alatt?
– tetszőleges nyelvű formázott, vagy formázatlan szöveg
– kép
– hanganyag
– mozgókép
– vagy ezek tetszőleges
kombinációja!
● Hogyan tudunk ilyen dokumentumot létrehozni?
– Ezt fogjuk megtanulni a
következő foglalkozásokon.
A HTML nyelv
● A HTML egy jelölő nyelv,
amivel hipertext dokumentumokat tudunk készíteni.
● Nem programozási nyelv!
● Használatához nem kell
tudni programozni.
● Aki meg tud írni egy
egyszerű levelet a számítógépen, az HTML
dokumentumokat is tud készíteni.
● Egy HTML dokumentum egy egyszerű szövegfile amibe bizonyos szabályok szerint parancsokat illesztünk.
A HTML nyelv
● Az első néhány szabály
megtanulása után, máris képesek vagyunk teljes értékű HTML dokumentumokat
készíteni.
● Ahogy haladunk előre a HTML
nyelv megismerésében, egyre érdekesebb, összetettebb, "profibb"
dokumentumokat tudunk majd elkészíteni.
● Ennek megfelelően már az
első óra után elkészítheti mindenki a saját honlapját, amit hétről-hétre továbbfejlesztünk
majd.
A HTML nyelv parancsai
● A HTML parancsok formája:
– <parancs paraméterek>
... </parancs>
– Minden parancs hatása a parancsot követő szövegrészre vonatkozik a
parancs lezárásáig (</parancs>).
– A parancsokat szabadon írhatjuk
kis és nagybetűkkel is.
● A 3 legfontosabb HTML parancs:
– <HTML>...</HTML>: a dokumentum eleje és vége
– <HEAD>...</HEAD>: fejrész eleje és vége, ide tesszük a
dokumentum egészére vonatkozó információkat, utasításokat.
–
<BODY>...</BODY>: a törzs eleje és vége, ide tesszük a dokumentum tartalmát.
Az első HTML dokumentumom
<HTML>
Ez az első HTML
dokumentumom.
</HTML>
● Ha ezt a 3 sort beírjuk egy
szövegfile-ba, pl. elso.html néven, akkor azt máris megnézhetjük egy böngésző
programban.
● (Egyébként ez még a <HTML>...</HTML> nélkül is működik! Ugyanis az egyszerű szövegfile-okat is meg tudják jeleníteni a böngészők.)
Egy igazi HTML dokumentum
<HTML>
<HEAD>
<TITLE>Ez
a dokumentum címe</TITLE>
</HEAD>
<BODY>
Ez a dokumentum törzse!
</BODY>
</HTML>
Néhány egyszerű HTML parancs
● Néhány parancs ahhoz, hogy feldobhassuk a dokumentumot:
– <center>...</center>: középre igazítás
– <b>...</b>: félkövér szöveg
– <i>...</i>: dőlt szöveg
– <u>...</u>: aláhúzott szöveg
– <strike>...</strike>: áthúzott szöveg
– <sub>...</sub>: alsóindex
– <sup>...</sup>: felsőindex
– <br>: új bekezdés, e nélkül minden egy bekezdés
lenne, melyet a böngésző program tördelne sorokra.