|
|
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!
- Adj címet a dokumentumnak!
- 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
- 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=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>>>
|
|