1. lecke melyben összeállítjuk az alapvető utasításokat, amelyek nélkül nincs HTML dokumentum
Minden utasítás "kacsacsőrők" közé van zárva: Azaz
<PARANCS>
és lezáró </PARANCS >
alakú.
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.
Most kilépünk a gyakorló-oldalra; végezd el az első feladatot!
Akkor válik "működővé" egy Weblap, ha az egyes dokumentumai kontaktusban vannak egymással.
Sőt, az az igazi, ha külső kapcsolatokra is képes, azaz Internetre kilépve ér el oldalakat, vagy E-mail - levelező-kapcsolatot tud létesíteni.
Egyszerű! Egy parancssor, é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="elso.html">valami szöveg: pl: tovább</a>
Természetesen ehhez az kell, hogy legalább két oldal legyen már a mappánkban; pl: egy index.html és egy elso.html.
A visszalépést ugyanígy kell megcsinálni, csupán az oldal "címét" kell megváltoztatni a kódban.
<a href="index.html">vissza</a>
Mely parancsból az
a href= .......... azt jelenti: kapcsolat
elso.html .......... ahová lépni szeretnék
/a .......... a kapcsolat bezárása
Amikor megnyílik a hívott oldal, azonnal helyezz rá ugyanilyen "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:
A lépegetéshez legalább két dokumentum szükséges, ezért
másold le az index.html-t, és nevezd át elso.html-re.
az index.html forráskódjában, a body után add ki az előbb ismertetett parancsot
a "másolat" elso.html-ben pedig a vissza-navigáló parancsot.
Ne feledd: bármilyen változtatás a forráskódban, azután a Fájl/MENTÉS következik!, majd a forráskód "leengedése" után, frissíteni kell (F5) a lapot!
Ha ezek után még az is érdekel, hogyan lehet "élő" kapcsolatot teremteni az Internettel, vagy postafiókokkal, akkor ezt a két utasítást kell megjegyezned:
<a href=https://www.startlap.hu>STARTLAP</a> ami az Internet Startlap oldalára visz "ki", vagy az
<a href=mailto:kata@kataporta.net>e-mail 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ó oldalon!