HTML kódok
A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) egy leíró nyelv, melyet weboldalak készítéséhez fejlesztettek ki, és mára már internetes szabvánnyá vált a W3C (World Wide Web Consortium) támogatásával. Az eddigi változata a HTML4 volt, 2010-es évben kezdte el felválltani, a legújabb HTML5. A kódok neve tag (ejtsd: teg), magyarul elem, vagy kódelem. Az elemek a következő < > jelek között vannak. Minden elemnek van eleje és vége, természetesen, hogy vannak kivételek is.
Az első tag, a HTML, ami jelzi a kód kezdetét, /HTML jelzi a kód végét.
Egy WEB oldalnak két fő része van, ami a következő elemekkel határozzuk meg:
- HEAD - a lap fejrésze, ami tartalmazhat: a lap címét (TITLE) (a böngésző címsorában jelenik meg), a készítő/készítéshez segítő program megjegyzése (ez nem jelenik meg a böngészőben) milyen kódtáblát használunk a karakterek megjelenítéséhez
- BODY - a lap törzse, ami tartalmazza a megjelenítő elemeket (szöveg, hang, kép, video stb.)
Így egy weboldal strukturája a következő képen van felépítve:
| HTML kódok | Megjegyzés |
|
|
HTML kód kezdete fejrész kezdete a lap címe fejrész vége törzse kezdete ide írjuk a megjelenítendő elemeket törzse vége HTML kód vége |
A legfontosabb tag-ek listája:
| HTML kód | Megjegyzés |
| !-- ... -- | komment eleje/vége |
| HTML | dokumentum eleje/vége |
| HEAD | fejrész eleje/vége |
| TITLE | cím eleje/vége |
| LINK REL="STYLESHEET" TYPE="TEXT/CSS" HREF="URL cím" | css fájl csatolás |
| BODY | dokumentum tőrzse eleje/vége |
| BODY BGCOLOR="szín" | háttérszín beállítása (angolul, vagy RGB-HEXA kód) |
| BODY BACKGROUND="URL cím" | háttérkép beállítása |
| BODY TEXT="szín" | betűszín (angolul, vagy RGB-HEXA kód) |
| BODY STYLE="font-family:Arial" | betű típus |
| P | bekezdés eleje/vége |
| H1 | első szintű címsor (max. 6. szintű lehet) |
| FONT COLOR="szín" | betű színe (angolul, vagy RGB-HEXA kód) |
| FONT SIZE="szám" | betű mérete |
| FONT FACE="Arial" | betű típus |
| ALIGN="left" | szöveg igazítása (left-balra, center-középre, right-jobbra, justify-sorkizárt |
| B | félkővér (BOLD, lehet használni a STRONG-t is) |
| I | dölt (ITALIC) |
| U | aláhuzott (UNDERLINE) |
| UL | rendezetlen lista (felsorolás) (UL, LI) |
| OL | rendezett lista (számozás) (UL, LI) |
| LI | a felsorolás/számozás elemek listája |
| DL | definíciós lista (DL, DT, DD) |
| DT | kifejezés |
| DD | kif. definíciója |
| TABLE | tábázat |
| TR | a táblázat sorra |
| TD | a táblázat cellája |
| IMG SRC="url" | kép beillesztése |
| HR | vonal rajzolása |
| a href="url" | link létrehozása |
| VIDEO SRC="url" CONTROLS="controls" | videó beszurása (HTML5-ben) |
| AUDIO SRC="url" CONTROLS="controls | hang beszurása (HTML5-ben) |
További tag-eket a HTML nyelv hivatalos weboldalán a w3schools.com-on találsz.
| HTML kód |
| 1. Állítsuk a weboldal betűszínét pirosra és a háttérszínét zöldre |
 |
 |
| 2. Állítsük be a weboldal betű típusát Arial-ra és döltre, a "szín kódjait" pirosra |
 |
 |
| 3. Jelenítse meg a minta szerinti szöveget: Szöveg részeinek megjelenítése különböző beállításokkal. |
 |
 |
| 4. Hozzunk létre egy hivatkozást |
 |
| Jegesmedve család |