A HTML Stuktúra 

Amint a bevezetőben olvashattuk, minden HTML formátumú szövegfájl a <HTML> utasítással kezdődik és a </HTML> záró utasítással végződik. A dokumentumot a fejlécelemek vezetik be, melyek kezdetét a <HEAD> utasítás jelzi. A fejlécelemek között szokás a dokumentumcímet megadni, mely címet a <TITLE> és a </TITLE> utasítások közé kell zárni. A fejlécet a </HEAD> utasítás zárja. 

A dokumentumtörzs a fájl <BODY> és </BODY> utasítások közötti része. Ezen elemek között kell elhelyezni mindent: a szöveget, hivatkozásokat, képeket, stb. (A keretek és a JavaScript kódok kivételével!)

Tehát a következőkben a következő szerkezetet fogjuk használni:

<HTML>
<HEAD>
<TITLE> Ide jön az oldal címe, ezt a szöveget fogod latni a böngésző címsorában</TITLE>
</HEAD>
<BODY>
Ide jön a dokumentumtörzs.
</BODY>
</HTML>

A következőkben egyszerű formázó tag-ekre mutatok példát, amelyet a <body> és </body> tagek közé kell elhelyezni.

 A táblázatban láthatjátok a kódot, és mellette a kód eredményét. Amint látni fogjátok, minden tag-et (formázó utasítást) a < jel vezet be, és a > jel zár le. Az adott tag hatását a megfelelő lezáró tag szünteti meg, amely </tag> formátumú. 

Az adott kódok eredményét azonnal kipróbálhatod, ha a legfelső ikonsorban elindítod az online szerkesztőt (Gyakorlás). Ha nem ezt szeretnéd használni, akkor természetesen bármilyen szöveges szerkesztőben (pl. WordPad, WORD, Jegyzettömb) megírhatod a kódot, amit  el kell mentened, majd a böngésződbe be kell olvasnod.

Fejléc <h1> ... <h6>
(A fejlécek - mint ahogy a szövegszerkesztésnél is megszokhattuk - a html oldalak logikai felosztását teszik lehetővé. pl. h1 az oldal címe, h2 egy alcím, h3 annak az alcíme és így tovább. A HTML oldalak esetén 6 fejlécet használhatunk)

1-es fejléc

2-es fejléc

3-as fejléc

4-es fejléc

5-ös fejléc

6-os fejléc

Ez egy középre igazított 1-es fejléc

Ez egy jobbra igazított 3-as fejléc

 Betűméret <font size=" ">

A betűméretet kétféleképpen állíthatjuk be: abszolút és relatív módon.
Az abszolút méretmegadásban 1 és 7 között állíthatjuk be a méretet, ahol a 7-es a legnagyobb az 1-es a legkisebb...

Azt, hogy mihez képest legyen nagyobb vagy kisebb az adott betűméret a <basefont size="méret"> tag segítségével állíthatjuk be.

Betűtípus <font face=" ">

A Face paraméter segítségével állítható be a kívánt betűtípus. 

Figyelem! Ne használj különleges, egyedi betűtípusokat, mert nagy valószínűséggel a látogatók semmit sem vesznek észre belőle. (ugyanis azon betűtípusok esetében, amelyek nincsenek az adott gépre felinstallálva, a böngésző a hagyományos betűtípusokat jeleníti meg.)

Betűszín <font color=" ">

A betűk színét is többféleképpen lehet beállítani. Az első esetben a szín nevét használjuk, természetesen angolul. pl. red, yellow, black, white, stb... A második esetben egy kóddal adjuk meg a színt. A 6 jegyű kódot a # jel vezeti be.

Vízszintes vonal <hr>

Ha a dokumentumon belül valamilyen szakaszt el szeretnénk különíteni a többitől, használhatunk vízszintes elválasztó vonalat a <hr> tag használatával.

Bekezdések <p>

Igazítás (align): left(balra), center(közép), right(jobbra)

Ez egy középre igazított bekezdés

Ez egy jobbra igazított bekezdés

Ez egy balra igazított bekezdés

Sortörés <br>