1. lecke
2. lecke
3. lecke
4. lecke
5. lecke
6. lecke
7. lecke
8. lecke
9. lecke
10. lecke
 
segítség
<<<<

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!
  1. Adj címet a dokumentumnak!
  2. Gépeld be a <body> után a következőt:
Ez az első lapom!
>>> NÉZD MEG! <<<
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, 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></a>

Mely parancsból az
<a href=> .......... azt jelenti: kapcsolat
elso.html .......... ahová lépni szeretnék
</a> .......... a parancs 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
    1. másold le az index.html-t, és nevezd át elso.html-re.
    2. az index.html forráskódjában, a body után add ki az előbb ismertetett parancsot
    3. 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=http://www.startlap.hu>STARTLAP</a>   
ami az Internet Startlap oldalára visz "ki", vagy az

<a href=mailto:kata@kataporta.hu>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!
>>> NÉZD MEG! <<<
Végre vége az 1. leckének!     >>>tovább>>>