HTML - basic - Lecke száma 2
A HTML dokumentum szerkezete
Egy HTML dokumentumból nem hiányozhatnak a következő címkék:
<html> </html> - a HTML dokumentum elejét és végét jelöli.
<head> </head> - a HTML dokumentumnak fejlécét fogja közre; a dokumentum címe és egyéb hivatkozások. Leírások kerülnek ide, amelyek nem a böngészőben jelennek meg.
<body> </body> - a dokumentum tartalmát zárja közre, ide kerül minden, ami a böngészőbe kerül.
A fejlécben (<head> címkék között) előfordulhatnak:
<title> </title> - a head részbe kerül, a böngésző fejlécében jelenik meg a beírt szöveg.
<link> - a head részbe kerül, és egy külső fájlra utal.
<link rel="icon" href="ide jön a fájlneve" type="image/ico">
<html> </html> - a HTML dokumentum elejét és végét jelöli.
<head> </head> - a HTML dokumentumnak fejlécét fogja közre; a dokumentum címe és egyéb hivatkozások. Leírások kerülnek ide, amelyek nem a böngészőben jelennek meg.
<body> </body> - a dokumentum tartalmát zárja közre, ide kerül minden, ami a böngészőbe kerül.
A fejlécben (<head> címkék között) előfordulhatnak:
<title> </title> - a head részbe kerül, a böngésző fejlécében jelenik meg a beírt szöveg.
<link> - a head részbe kerül, és egy külső fájlra utal.
Pl:
betölthetünk ikont/kis képet a HTML dokumentum címe mellé a böngésző fejlécébe.<link rel="icon" href="ide jön a fájlneve" type="image/ico">
Kiegészítés:
Ha a HTML dokumentumból egy másik fájlra hivatkozunk, szükség van a külső fájl útvonalára és nevére. A HTML dokumentum, az általunk megszokott szövegfájlokhoz képest, nem tartalmazza pl. a képeket, hanem minden megnyitáskor a megadott útvonalon megkeresi és megjeleníti. Az útvonalat relatívan kell megadni, azaz a szerkesztett dokumentumhoz képest írjuk le. Ha áthelyezzük/átnevezzük a fájlokat, az útvonalat is át kell írni.
Megjegyzések írása egy HTML dokumentumba
Ha weboldalszerkesztés közben olyan megjegyzést szeretnénk a kódhoz hozzáfűzni, amit nem szeretnénk megjeleníteni a böngészőben: a szövegünket megfelelően meg kell jelölni. Ez segíthet, ha később folytatni szeretnénk a munkát a doumentumban.
<!--a megjegyzéseket ide kell írni -->Feladatok
1. A letöltött fájlok között talál egy index.html nevet. Nyissa meg a Notepad++ programot és hozd létre a " Coders Work" nevű <title> dokumetumot.
Tekintsd meg az eredményt
2. Ugyanabban a fájlban helyezze be a cw.ico nevű ikont a weblap ikonjának beállításához, amely a böngésző címsorában a weboldal címe előtt jelenik meg. Használja a <link> a címke megoldásához.
Tekintsd meg az eredményt
3. Helyezze be a következő szöveget a <body> </body> tag-ok közé: Coders Work: My name is Mike and I'll tell you my story about how I draw-up a course to help all those who want to improve their employability by using their passive IT skills.
Tekintsd meg az eredményt
4. Írjon néhány html megjegyzést, és ellenőrizze, hogy a frissítés után megjelenik-e valami az oldalon.
Tekintsd meg az eredményt
Kérdőív
1. A HTML-dokumentumok szerkezetére vonatkozó alábbi állítások közül melyik igaz?
2. Ha a cw.ico nevű képfájlt az index.html fájlunk melletti képek mappájába helyezzük, a tag megfelelő formája a böngésző címsorában lévő kép megjelenítéséhez:
3. A <title> tagek által közrezárt szöveg egy HTML dokumentumban
4. Az alábbi kijelentések közül melyik igaz a <link> tag-re?
5. Ha egy HTML dokumentumban az alábbi szöveg látható, hogyan fog ez megjelenni a böngészőablakban?
<!--must continue here -->
<!--must continue here -->
