|
|
Egyszerű weblap szerkezete.
Mobilváltozat!
Asztali változathoz,
kattints a képre!
Az XHTML dokumentum
Az XHTML dokumentum felépítése és alapvető elemei.
<html>
<head>
<title> </title>
<link href="Stíluslap" />
</head>
<body>
<Kezdő divszakasz>
<h1>Főcímsor</h1>
<alcímsor címke> h2, h3, h4, h5, h6, </alcímsor címke>
<p> Bekezdés</p>
<Záró divszakasz>
</body>
</html>
- A kezdő <html> és záró </html> jelölőelemek fogják közre, azaz tartalmazzák a teljes dokumentumot.
- A kezdő <head> és záró </head> jelölőelemek fogják közre, weblapunk fő jellemzőit, azaz jelölőelemeit (<title> <meta> <script> <link Stíluslap> stb.)
- A kezdő <body> és záró </body> jelölőelemek fogják közre a dokumentum törzsét. E két jelölőelem vagy jelölőcímke között elhelyezett tartalmi rész jelenik meg weblapunkon, azaz a monitort nézők előtt.
- Általában, de nem kötelező:
A fő divszakasz, kezdő <div> és záró </div> jelölőelemei fogják közre a dokumentum teljes tartalmát XHTML weblapoknál. (Ezzel, teljes weblapunk szélessége behatárolható az általánosan elfogadott maximum 800px-re, illetve weblapunk megjelenését teljes tartalmával együtt, a monitoron tetszőleges pozícióba állíthatjuk.)
A html fájl, azaz dokumentum fa szerkezete.
Így kapcsolódnak egymáshoz a legfontosabb DOM objektumok.
(A window objektum tartalmazza a document objektumot stb.)
Jellemző a <body> szakaszra, hogy a következő jelölőelemeket tartalmazza:
- Egy fő <div> szakaszt </div>, mely a teljes megjelenítendő dokumentum anyagot magába foglalja.
- Egy darab <h1> címsort </h1>, majd ezt követően tetszőleges mennyiségű alcímsor (h2, h3, h4, h5, h6)
- Tetszőleges mennyiségű <p> bekezdést, azaz leírásokat </p>.
- Tetszőleges mennyiségű szövegformázó jelölőelemet, beleértve a táblázatokat és listás felsorolásokat is.
- Jelölőcímke, azaz jelölőelem azonosítókat (lehet id azaz egyedi, és class azaz osztályazonosító.
Űrlapoknál name egyedi azonosító.)
A jelölőelemeknek, két, főcsoportja van:
- Sajátos tulajdonsággal rendelkezők.
Ezek a jelölőelemek stílus meghatározás nélkül is képesek a szövegtartalom megformázására.
(Például: címsor és bekezdés jelölőelemek vagy jelölőcímkék, melyek más és más betűmérettel jelenítik meg a beírt szöveget, és szellőssebbé, azaz átláthatóbbá teszik a dokumentum tartalmi részeit.) - Semmit mondók. Melyek, HTML objektum csoportot, réteget vagy tetszőleges részt, kijelölő jelölőelemek.
További és részletesebb tájékoztatót, lásd az asztali változatnál!