Az alapvető parancsok, és azok sorrendje a következő:
<html>
a dokumentum kezdete
<head>
fejléc
<title>
címmező,a dokumentumnév megadása (titulus)
</title>
(név) bezárás
</head>
fejléc bezárása
<body>
a dokumentum törzsének kezdete (ide kerülnek az utasítások, amelyet a böngésző megjelenít)
Azok a parancsok, amelyekről tanulunk, mind ide a törzsbe kerülnek majd. (Csupán a címet kell a címmezőbe írni.)
</body>
a dokumentum törzsének vége
</html> a dokumentum vége, lezárás
Mindegy, hogy kis-, vagy nagybetűket használsz.
Jól nézd át a parancsokat! Figyeld a sorrendet, hogyan követik egymást a parancsok és a lezárásuk. Látható, hogy a parancsok a kiadásuk sorrendjében kerülnek lezárásra.
Adj címet a dokumentumnak!
Gépeld be a <body> után a következőt:
Ez az első lapom!
NÉZD MEG!
és gyere vissza!
Kapcsolat a lapok között:
Akkor válik "működővé" egy Web lap, ha az egyes dokumentumai kontaktusban vannak egymással.
Sőt, az az igazi, ha külső kapcsolatokra is képes! Ilyen például egy másik Web oldal, az Internetre kilépve ér el oldalakat (site-ket), vagy E-mail levelező-kapcsolatot tud létesíteni.
Egyszerű! Egy parancssorozat és máris él az összeköttetés!
Egy HTML dokumentumon belül még az is szükséges, hogy a megcélzott lapról szintén vissza, vagy tovább lehessen lépni.
A parancs a következő:
<a href=2lecke.html target="also"></a>
Mely parancsból az
a href azt jelenti: kapcsolat
2lecke.html ahová lépni szeretnék
/a a parancs bezárása
Ilyen egyszerű!
Amikor megnyílik a hívott oldal, azonnal helyezz rá valamilyen "hivatkozást", "linket", (akárhogy is nevezzük), hogy onnét is tovább (vagy vissza) lehessen lépni!
Nézzük a lépéseket:
Munka közben, minden pontnál ereszd le ezt a lapot!
- A lépegetéshez legalább két dokumentum szükséges, ezért
- az intézőből nyitsd meg a HTMLsuli mappát
- abban találsz egy ures.html dokumentumot. Nyitsd meg!
- A Szerkesztés menü - Forrás megnyitásával megjelenik a jegyzettömb, ahol
- a <title> után töröld ki az ures szót és adj új címet! (Legyen: elso )
- Ezután a fájl menü - mentés következik!
- bezárhatod az oldalt.
- Az intézőben frissíts az F5 billentyűvel!
- Jobb egérgombbal kattints az ures.html nevű ikonra, és válaszd az Átnevezés menüpontot!
- Nevezd át a lapot elso.html - re A .html kiterjesztést el ne felejtsd!
- A második dokumentum létrehozása:
- Az intézőben megint a jobb billentyűvel kattints az elso.html ikonra!
- és válaszd a Másolásmenüpontot!
- Üres területre kattintva a jobb billentyűvel válaszd a Beillesztés menüpontot!
- Frissíts az F5-ös billentyűvel, majd nyitsd meg a Másolat - elso.html nevű új dokumentumot!
- Nyitsd meg a jegyzettömbjét, mint az előbb! (Szerkesztés menü - Forrás)
- Nevezd át ezt masodik-nak! (Ékezet nélkül, jobb így megszokni!)
- Következik a mentés! (Fájl menü - Mentés)
- Bezárás
- Az intézőben frissítés az F5-ös billentyűvel!
- A Másolat -elso.htmlnevű dokumentum átnevezése masodik.html-re (jobb billenytyű -Átnevezés)
- Frissítés az Intézőben!
Fújd ki magad, megérdemled!
Teremtsünk kapcsolatot a két lap között!
- Nyitsd meg az elso.html-t, majd annak jegyzettömbjét
- Gépeld be a következö parancsot a <body> után:
<a href=masodik.html>TOVÁBB</a> - A MENTÉS KÖVETKEZIK! (File - Mentés)
- A jegyzettömböt be lehet zárni.
- Kattints a "nagy üres" HTML-lapod fölött a Frissítés gombra!...
- MEGTÖRTÉNT a kapcsolat a másik dokumentummal!
És ezt még végig kell csináni a masodik.html-lel is, de az elso.html-re kell "mutatnia"!
Ha ezek után még az is érdekel, hogyan lehet "élő" kapcsolatot teremteni az Internettel, vagy postafiókokkal, akkor még ezt a két utasítást kell megjegyezned:
<a href=http://www.startlap.hu>STARTLAP</a>
ami az Internet Startlap oldalára visz "ki", vagy az
<a href=mailto:kassaikati@freemail.hu>címem</a>
ami most az én postafiókomat jelöli, és bármikor szívesen állok a rendelkezésedre!!!
Mind a kettőt érdemes kipróbálni a gyakorló lapodon!
NÉZD MEG!
Végre vége az 1. leckének!
|