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

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét