Először is beszéljünk kicsit a felépítésről. Ez nagyon fontos! 
Már tudjuk, hogy vannak nyitó, és a záró tag-ek.

Minden HTML-oldal kötelezően tartalmaz három tag-et: a HTML, a HEAD, és a BODY-tag-eket.

Nyissuk meg a html szerkesztő proginkat, és kezdjük el a munkát:

Figyeld meg itt is, hogy a HTML taget, amit először nyitottunk meg, utoljára zárunk be.

A HEAD tartalma

Itt adunk címet az oldaladnak  - A TITLE tag-et használjuk. Az oldal címe az, ami később a böngészőben megjelenik az ablak tetején lévő címsorban, ott legfelül.:) 

Fontos jelezni a böngészőnek, hogy a magyar jeleket használjunk. Ezt egy egyszerű sorral tesszük, amit szintén a HEAD-be rakunk. Ez egy ún. META-tag, amely információkat tárol a lappal kapcsolatban. Ennek a META-tagnak az a feladata, hogy definiálja a tartalom típusát (content-type). A sor így néz ki:

...és mégegy META, ami azért lehet hasznos, hogy a keresők megtaláljanak. A kulcsszavakat kell beírnod, vesszővel  elválasztva:

Természetesen mégvan egy jópár dolog, amit a head részbe kell írnunk.
Itt hívjuk meg  az oldalhoz tartozó css kódot, feltéve, ha azt külön css fájlban írtuk...

De erről majd még beszélünk...

Most térjünk át a BODY részre, vagyis a honlapunk törzsére! Ide kerül a tartalom!:) Ez már látszódni fog!:)

Kezdjük egy rövidke kis szöveggel.
Ehhez két új tag-et ismerünk meg, a P-t (paragraph), és a BR-t (break / line break).
A paragraph magyarul annyit jelent, mint bekezdés, a break tag pedig új sor kezdését eredményezi. A kettő közötti különbség az, hogy a bekezdések között a böngésző kihagy egy sort, úgy, mintha az ember Word-ben kétszer nyomta volna meg az Enter-t. A <br> tag azok egyike, amelyeket nem kell bezárni, mert maga nem elem, csak egy új sor kezdetét eredményezi. <br> mindig egy bekezdésen belül van.
Rendben, folytassuk:

Hogyha ezt az oldalt megnézed a böngésződben, ezt látod:

- Szia! Szép napot!
- Neked is!
- Most megyek, szia!
- Én is megyek, szia!