A WEB világában a statikus honlaptípus a legegyszerűbb. Ez szöveget, esetleg képeket, táblázatokat tartalmaz. A szövegben linkek vannak, amelyekre kattintva további weblapokra léphetsz át. A statikus oldalak tartalma általában egy - a szerverre feltöltött - html dokumentumban van rögzítve. A HTML (angolul: HyperText Markup Language = hiperszöveges jelölőnyelv) arra szolgál, hogy egy egyszerű szöveges dokumentum formázásait beállítsuk. Az egyes szövegrészekre vonatkozó utasítások a következő formátumban jelennek meg:

Egy ilyen blokkot elemnek neveznek.

Példák HTML-kódokra:
1. példa: Ha a html-dokumentumon belül egy szövegrészt vastag betűvel (félkövér) szeretnél látni, a következőt írd be:

A kód eredménye a következő: Ez a mondat félkövér lesz

2. példa: Ha a színét kékre szeretnéd beállítani:

A kód hatása: Ez a szöveg kék színű

3. példa: Ha azt szeretnéd, hogy egy mondat kattintható link legyen, amely pl. a http:www.honlapom.hu/index.html internetes címre mutat, ezt írd be:

Eredmény: Ez a szöveg válik kattinthatóvá

Itt most nem térünk ki részletesen a HTML-kódokra, mert azt megtették már sokan előttünk - érdemes megnézni az ilyen témájú honlapokat (ld. a lenti linkeket). A HTML parancsok nagyon egyszerűek, elsősorban angol nyelvű szavak rövidítéseiből állnak. A html-szerkesztő programok ezeket automatikusan elhelyezik a szövegben, de célszerű legalább a legfontosabb kódokat megismerd, több okból. Egyrészt, ha a html-szerkesztő nem pont úgy csinálja meg az oldalad, ahogy szeretnéd, még végezhetsz a fájlon néhány utolsó simítást. Másrészt több tartalomkezelő rendszer lehetőséget nyújt arra, hogy az oldalakon önálló html-, vagy php-elemeket helyezz el - itt is felhasználhatod ezt a tudást.

Néhány további tanács és megjegyzés: - Ha egy weblap tartalmát normál szövegszerkesztővel (nem html-szerkesztővel) módosítod, a fájlban a szövegszerkesztő olyan - általad nem látható - kódokat helyez el, amelyeket a böngésző program nem tud értelmezni. Ezért ilyenkor az eredményt kizárólag un. egyszerű szöveg formátumban szabad elmenteni. A legjobb, ha a lehető legegyszerűbb szövegszerkesztőt használod (pl. Jegyzettömb). A mentéskor figyelj oda, hogy a fájl kiterjesztése .html maradjon. - A HTML nyelv kizárólag szöveges elemeket tartalmaz, a képeket külön fájlokban kell elhelyezni. A dokumentum csak a képre vonatkozó szöveges hivatkozást tartalmazza (a képi fájlt melyik könyvtárban, milyen néven találja, és hol kell elhelyezze az oldalon). Sőt, nem csak a képek tárolódnak külön fájlban, hanem minden grafikai jellegű elem.
Kapcsolódó fejezet: HTML-szerkesztő programok és CSS-sablonok

Ajánlott linkek: HTML tanfolyam: http://avalon.aut.bme.hu/~bigtom/htmlt/folap.htm HTML tanfolyam (angol nyelven): http://www.htmlcodetutorial.com/document/ HTML-játszóterek: http://www.tizag.com és htmlsandbox.com/ (HTML-kódok kipróbálása) Néhány fontos kód: http://www.okusuli.hu/9info/index.htm Sok-sok HTML-ről szóló lap a Lap.hu-n: http://html.lap.hu/