Alapvető HTML elemek

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› elemEz 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:

<! 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:

<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:

<link href="tartalom.html" mce_href="tartalom.html" rel="contents"></link> - tartalomjegyzék dokumentum
<link href="mailto:magyar@freemail.hu" rel="author"></link> - 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:

<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>