Az alapvető HTML elemek leírása; HTML, HEAD, TITLE, SCRIPT és STYLE, ISINDEX, BASE, META, LINK, BODY.
1. HTML verzióformáció
A dokumentum elsõ sorában a használt verziószámot kell feltüntetni. Péltául HTML 4.0 esetén;
‹! DOCTYPE HTML PUBLIC „-//W3C// DTD HTML 4.0 // EN „›
2. A ‹HTML› elem
Ez az elem tartalmazza a dokumentum összes elemét. Elhagyható, tehát használata nem kötelezõ, de az áttekinthetõség érdekében ajánlott.
Kezdõ tag: elhagyható
Záró tag: elhagyható
Paraméterek:
Version – url – elhagyható (a 4.0-ás verzióban került be)
Nincs sok haszna és nem ajánlott a használata sem.
3. ‹HEAD›
Ezzel az elemmel a laphoz tartozó globális információkat adhatunk meg. Használata ajánlott csak úgy mint a következõ ‹TITLE› elemé.
Kezdõ tag: elhagyható
Záró tag: elhagyható
Paraméterek:
Profile – url – elhagyható (a 4.0-ás verzióban került be)
Segítségével egy külsõ fájlt adhatunk meg, ahol a META tagok találhatóak. Elõnye hogy így nem kell minden dokumentumba külön elhelyeznünk a META sorokat.
4. ‹TITLE›
A dokumentum címét adhatjuk meg, amit általában az ablak címe ként jelenít meg a böngészõ.
Példa a ‹TITLE› használatára:
1 2 3 4 5 6 7 8 9 10 | <! DOCTYPE HTML PUBLIC "-//W3C// DTD HTML 4.0 // EN "> <HTML> <HEAD> <TITLE>Elsõ HTML lapom.</TITLE> … </HEAD> <BODY> … </BODY> </HTML> |
Kezdõ tag: kötelezõ
Záró tag: kötelezõ
5. ‹SCRIPT› és ‹STYLE›
A ‹SCRIPT› valamilyen beépített programocskát tartalmaz.
A ‹STYLE› segítségével formázható a szöveg megjelenítése.
Kezdõ tag: kötelezõ
Záró tag: kötelezõ
Paraméterek:
Prompt – szöveg – elhagyható
6. ‹ISINDEX›
Használatával jelezhetõ hogy a dokumentum csak információkérõ oldal. Kiír egy adatkérésre figyelmeztetõ szöveget, ami a PROMPT paraméter segítségével felülírható. Elég ritkán használt elem.
Kezdõ tag: kötelezõ
Záró tag: tilos
7. ‹BASE›
Az URL tulajdonképpen az aktuális oldal pontos helyét rögzíti. Ezzel biztosítható hogy a környezetébõl kiragadott oldalakon belül is mûködõ relatív linkek legyenek.
Kezdõ tag: kötelezõ
Záró tag: tilos
Paraméterek:
Href – url – elhagyható
8. ‹META›
Elsõsorban adminisztrációs adatokat tartalmazó feljegyzések, amelyeket magunk vagy valamilyen feldolgozó program számára készítünk. Használhatjuk olyan információk tárolására mint például szerzõ, a felhasznált szerkesztõprogram neve, stb.
Kezdõ tag: kötelezõ
Záró tag: nincs
Paraméterek:
Name – paraméter – kötelezõen választható
A paraméter nevét tartalmazza.
Http-equiv – fej – kötelezõen választható
Content – érték – kötelezõ (a 4.0-ás verzióban került be)
Az értékét, tartalmát jelzi.
Scheme – érték-forma – elhagyható (a 4.0-ás verzióban került be)
Segítségével az értékek formátumát adhatjuk meg.
Például:
1 | <META="keywords" CONTENT="állat, kutya, macska"> |
9. ‹LINK›
Ezzel az elemmel HTML lapok közötti logikai kapcsolatot jelölünk.
Kezdõ tag: kötelezõ
Záró tag: tilos
Paraméterek:
Href – A kapcsolódásban megjelölt dokumentum URL-je.
Title – A kapcsolt dokumentum címszerû megnevezésére szolgál.
Rel – A kívánt linktípust állítja be.
– top – a hierarchia legfelsõ dokumentuma például kezdõlapra, címlapra hivatkozik
– contents – tartalomjegyzékre hivatkozó link
– copyright – szerzõi jogokra utal
– next, previous – sorrendben az elõzõ és következõ dokumentum
– search – a lappal kapcsolatos anyagokban való keresési lehetõségre utal
– help – bõvebb anyagot kínáló dokumentumra utal
Például:
- tartalomjegyzék dokumentum - az oldalkészítõ címének magadása
10. ‹BODY›
Saját paraméterei általában a lap egészének globális megjelenését befolyásolják. Ezenkívül szolgál még a laptörzs elválasztására is.
Kezdõ tag: elhagyható
Záró tag: elhagyható
Paraméterek:
Background – kép-URL – elhagyható
Egy háttérképet adhatunk az oldalnak a kép URL-je segítségével.
Bgcolor – szín – elhagyható
Az egész oldal háttérszíne állítható be vele.
Text – szín – elhagyható
Az oldalon megjelenõ szövegek színe állítható be vele.
Link – szín – elhagyható
A még meg nem látogatott linkek színe.
Vlink – szín – elhagyható
A már meglátogatott linkek színe.
Alink – szín – elhagyható
Az éppen aktív link színe kattintás esetén.
Példa:
1 2 3 4 5 6 7 8 9 | <HTML> <HEAD> <TITLE>Az oldal címe</TITLE> <STYLE></STYLE> </HEAD> <BODY backcolor="black" text="blue" link="#7070EE" alink="#FF80FF" vlink="blue" background="/elemek/hatter.gif"> Ide kerül az oldal tartalma. </BODY> </HTML> |
