Ugrás a főoldalra!

Felhasználónév:

Jelszó:

 :: ".$_ASWC_['NAME']." ".$_ASWC_['VERSION']." ".$_ASWC_['STATUS'];?> - [Látogatók: 627283]  
Freelance Jobs

Témaköreink

 


On-line

Dev, Admin: 0
Lektorok, írók: 1
  ÷Magus|BOT
Felhasználók: 0
Vendégek: 1
Tegnap: 0
E havi:
 

Statisztika

Oktatóanyagok száma
 Publikus: 128

Legolvasottabb írónk
 outesticide 290470

Legszorgalmasabb írók
1. balymo 24
2. outesticide 20
3. tipli 19
4. adrob 18
5. akciolap 15

Legolvasottabb címek
1. CSS
Egyszerü vízszintes menü és vízszintes menü legördülő almenükkel [49275]
2. CSS
A pozícionálás, és a z-index [26098]
3. CSS
Függőleges menü, legördülő almenüvel [20506]
4. CSS
Függőleges menü készítése listából [20304]
5. CSS
Bevezetés a CSS alapjaiba [19499]
 

 

HTML/XHTML -> Dokumentum típus és magas szintű elemek

Író: adrob ( adrob@netoktato.hu )
  http://adrob.netoktato.hu
Készült: 2005-04-24 20:37:46
Lektorálta: adrob
Lektorálva:
2006-01-01 21:46:03 [6965]

Dokumentum típusok


Ahhoz, hogy a HTML dokumentumunk érvényes legyen meg kell határoznunk melyik HTML verziót használjuk a dokumentumban. Ezt a folyamatot nevezik document type declaration -nek, azaz a dokumentum típus meghatározásának.

A HTML 4.01 három fajta meghatározást (document type declarations - DTD) tesz lehetővé. Ezek:


HTML 4.01 Strict DTD (szigorú)
Minden olyan elemet és tulajdonságot tartalmaz, amelyek nem érvénytelenítettek a HTML 4.01 specifikáció által és amelyek nem jelentkeznek a keretekkel rendelkező dokumentumokban.
Az ilyen dokumentumoknál használjuk a következő meghatározást:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">



HTML 4.01 Transitional DTD (átmeneti)
Teljes egészében tartalmazza az előzőt, az érvénytelenített elemekkel és tulajdonságokkal együtt.
Az ilyen dokumentumoknál használjuk a következő meghatározást:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">



HTML 4.01 frameset DTD (keretes)
Teljes egészében tartalmazza az előző kettőt, valamint a kereteket is.
Az ilyen dokumentumoknál használjuk a következő meghatározást:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 frameset//EN"
        "http://www.w3.org/TR/html4/frameset.dtd">


Magas szintű elemek

<HTML> - HTML dokumentum


A HTML elem tartalmazza a html dokumentumot, amit két fő részre osztunk fej(head), valamint az azt követő törzs(body)-re.
Kivételt egyedül a keretekkel rendelkező dokumentum jelenti, amelyben a BODY-t a frameSET követi.

A HTML elem két tulajdonsága:

version (érvénytelenített) - A dokumentum meghatározására szolgált. A DOCTYPE bevezetésével használata teljesen feleslegessé vált.


lang - A dokumentum nyelvét határozza meg. Értékei pl.: lang="en" az angol, lang="hu" a magyar, lang="ja" a japán nyelv használatakor.


<HEAD> - Dokumentum fej


A HEAD elem fejléc információkat tartalmaz a dokumentumról, mint amilyenek pl. a cím, címszavak, leírás, és stíluslapok. Használata kötelező. A benne megadott információk a cím kivételével rejtettek a felhasználó számára.

Tulajdonsága:

profile - Mivel nincs kellőképpen meghatározva, csak megemlítjük


Tartalma lehet:

Pontosan egy TITLE elem, szabadon választható BASE és ISINDEX elemek, nulla vagy több SCRIPT, STYLE, META, LINK vagy OBJECT elem.


Mi tartalmazhatja:

HTML


<BODY> - Dokumentum törzs


A BODY elem tartalmazza a dokumentum törzsét (a felhasználó számára látható információkat).

Tulajdonságai:

background (érvénytelenített) - Háttérkép megadása
bgcolor (érvénytelenített) - Háttérszín megadása
text (érvénytelenített) - Dokumentum szövegének színe
link (érvénytelenített) - A hivatkozások (linkek) színe
vlink (érvénytelenített) - Látogatott hivatkozások színe
alink (érvénytelenített) - Aktív hivatkozás színe
onload - [esemény] Dokumentum betöltődött, értéke script
onunload - [esemény] Dokumentum bezárásakor, értéke script


Tartalma lehet:

- HTML 4.0 Strcit: Egy vagy több blokk szintű elem (ezekről később) vagy SCRIPT, INS, DEL
- HTML 4.0 Transitional: Belső elemek, blokk szintű elemek, INS, DEL


Mi tartalmazhatja:

- HTML 4.0 Strcit vagy Transitional: HTML
- HTML 4.0 frameset: NOframeS


HTML, HEAD, BODY példa


WEB Center fejlécelemek és sorrend szemléltető:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="hu">

<head>
        <title>WEB Center - Tanulj, vagy taníts te is on-line!</title>

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
        <meta name="description" content="WEB Center">
        <meta name="keywords" content="AS; Studio; web; webdesign; database; DB; MySQL; PHP; 3DS MAX; Online Marketing; Photoshop; C++; programozás; design; free; ingyen; oktatóanyag; támogatás;">
        <meta name="author" content="WEB Center Team">
        <meta name="copyright" content="Copyright 2004 by WEB Center Team">
        <meta name="robots" content="All">
        <meta name="revisit-after" content="7 days">
        <meta name="reply-to" content="mail_at_asstudio_tk">
        <meta name="document-class" content="Published">

        <meta name="document-classification" content="Web Programming">
        <meta name="document-rights" content="Public">
        <meta name="document-type" content="Web Page">
        <meta name="document-rating" content="General">

        <link rel="shortcut icon" href="favicon.ico">
        <link href="skin/default/css-default_style.css" rel="stylesheet" type="text/css">
        <link href="forum/skin/default.css" rel="stylesheet" type="text/css">
        <link href="skin/default/css-new_def_style.css" rel="stylesheet" type="text/css">

        <script src="js/function.js" language="JavaScript" type="text/javascript"></script>
        <script src="js/toolbar_admin.js" language="JavaScript" type="text/javascript"></script>

        <link href="skin/default/toolbar.css" rel="stylesheet" type="text/css">
</head>

<body>
         <p>Példa....</p>
</body>
</html>


<frameset> - Keretek


A frameSET elem az ablakot részekre vágó keretek tartója.
Tulajdonságai:

rows - Sor hossza
cols - Oszlop hossza
onload - [esemény] Dokumentum betöltődött, értéke script
onunload - [esemény] Dokumentum bezárásakor, értéke script


Tartalma lehet:

Egy vagy több frameSET és frame elem, valamint a nem kötelező NOframeS elem.
Megjegyzés:A NOframeS tartalma azokban a böngészőkben jelenik meg, amelyek nem tudják megjeleníteni a kereteket. Amennyiben kereteket használunk, ezzel elérhetővé tehetjük oldalunkat azok számára is, akik ilyen böngészőket használnak.


Mi tartalmazhatja:

HTML


Az alábbi példa 2 soros és 3 oszlopos rácsot hoz létre.
<frameset rows="20%,*" cols="33%,33%,*">

    <!-- Első sor (fenti) -->
      <frame name="fent1" src="sor1_oszlop1.html">
      <frame name="fent2" src="sor1_oszlop2.html">
      <frame name="fent3" src="sor1_oszlop3.html">

    <!-- Második sor (lenti) -->
      <frame name="lent1" src="sor2_oszlop1.html">
      <frame name="lent2" src="sor2_oszlop2.html">
      <frame name="lent3" src="sor2_oszlop3.html">

      <noframes>
      <body>
            <p>A böngésződ nem támogatja a kereteket...</p>
      </body>
      </noframes>
</frameset>


Figyeljük meg a * használatát a rows és a cols értékeknél is. A * a maradék helyet jelenti. Tehát ha az első sor esetünkben a képernyő 20%-át foglalja el, és második értékként *-ot adunk meg, az lefoglalja a maradék 80%-ot.
* Minden további kérdéseddel fordulj az anyag írójához.

 

Hello Vendég

Az oktatóanyagok olvasásához be kell jelentkezned.

Szeretnék regisztrálni.

Elfelejtettem a jelszavam!
Kiküldöm magamnak!