Mi az a HTML?
A HTML egy angol mozaikszó, melynek jelentése HyperText Markup Language, amelyet magyarul Hiperszöveges Jelölőnyelvnek nevezhetünk. A HTML egy leíró nyelv, amelyet weboldalak készítéséhez használunk. Egy HTML kód egyértelműen meghatározza a weboldal felépítését, kinézetét. Azaz a HTML nyelven megírt kódot a webböngésző értelmezi, majd a kód alapján megjeleníti a már általunk megszokott oldalakat. A HTML az Internetes oldalak nyelve.
Karakteres szövegszerkesztővel (pl. Jegyzettömb) szerkeszthető.
FONTOS, hogy az elkészült oldal kiterjesztése ne txt, hanem html legyen!
Felépítése:
Kötelezően 
taggel indul, majd két fő egységből áll:
- Header, azaz fejrész
- Body, vagyis az oldal törzse
A végén 
utasítással lezárjuk.
Első oldalam:
Írd be az alábbi kódot egy szerkesztőbe (notepad, editplus…), majd mentsd el index.html néven a c:/xampp/htdocs mappába.
Ezután írd be a böngésződ címsorába: http://127.0.0.1/index.html
Ezt kell látnod:
Szöveg formázása
Az eredmény: Helló Világ! Formázások: félkövér aláhúzott dőlt szöveg
Új sor
Így egymás alá kerültek a szövegek.
Helló Világ!
Formázások:
félkövér
aláhúzott
dőlt szöveg
Vonal beszúrása
Eredmény:
Helló Világ!
Formázások:
félkövér
aláhúzott
dőlt szöveg
Egyéb kiemelések
Az előzőket írd be a „dőlt szöveg” sor alá!
Megjelennek a kiemelések:
Helló Világ!
Formázások:
félkövér
aláhúzott
dőlt szöveg
2 felső index
2 alsó index
erős kiemelés
Idézet
minden karakter azonos szélességű
Főcímek
“left”, “right” és “justify” is lehet center helyett (bal, jobb, sorkizárt)
A dőlttel írt szövegeket gépeld be a legutóbbiak alá!
Ezt látod majd:
Ez lesz a legnagyobb méretű cím
Ez 2-es méretű cím
Ez 3-as méretű cím
Ez 4-es méretű cím
Ez 5-ös méretű cím
Ez 6-os méretű cím
középre igazított, legnagyobb méretű cím
Bekezdés igazítása
Egy bekezdés szövegét ugyanúgy igazíthatjuk, mint a Word-ben.
Másold be ezt a szöveget!
Az eredmény:
középre igazított, legnagyobb méretű cím
Bekezdés:
jobbra igazított bekezdés. Amit ide írunk, ilyen marad, amíg le nem zárjuk a /p -vel amit a tag-ek (kacsacsőrök) közé teszünk.
Sorkizártra igazított bekezdés. Amit ide írunk, ilyen marad, amíg le nem zárjuk a /P-vel, amit tag-ek (kacsacsőrök) közé teszünk. A honlap alapból balra igazítva ír ki minden szöveget. A sorkizárt szöveg parancsa a justify. Ennek hatására a szöveg sorkizárt lesz. Ennek hatására a szöveg sorkizárt lesz. Ennek hatására a szöveg sorkizárt lesz. Ennek hatására a szöveg sorkizárt lesz. Ennek hatására a szöveg sorkizárt lesz. Azért írtam le ilyen sokszor, hogy legyen elég szöveg a bemutatáshoz.
Kép beillesztése
Ehhez először le kell tölteni a képeket. Fontos, hogy itt a kép ugyanabban a könyvtárban legyen, mint a honlap!
Beilleszthető fájlok: GIF, JPG, JPEG és PNG
Hivatkozás másik oldalra
Táblázatok
A fenti kódban hibák vannak.
H1 lezáró tag-jének a center lezáró tag-je előtt kell lennie, illetve ez esetben van a táblázat végén még egy lezáró CENTER tag, aminek nincs nyitója.
Másik verzió, ami egyszerűbb: a H1-ben lévő Táblázat szöveg után nem kell a CENTER lezáró tag.
Táblázat
| Első cella | Második cella |
| A második sor első cellája | A második sor második cellája |
Táblázat utasítások
Szövegméret
Betűtípusok
Ez is megváltoztatható, de csak néhány alap betűtípust érdemes használni: 
Arial Times New Roman CE Garamond Impact Georgia Calibri Courier Monospace Verdana Comics Sans MS Agency FB
Színek
Az egész oldal és a rajta lévő szöveg színe:
Ez a szöveg kék lett – a háttere meg fehér 🙂 Különben beleveszne az oldal hátterébe.
Kombinálni is lehet. Pl:
Zöld színű 4-es méretű Verdana betűk
VÉGE