Jellemzők
- A HTML utasítások a fájlban és < és > jelek közt állnak. Ezeknek két fajtájuk van:
- az utasítás paramétereket tartalmaz <> jelek között
- külön nyitó és záró utasítás van, s az utasítás a közöttük lévő szövegre vonatkozik
- a záró utasítás / jellel kezdődik
- vannak utasítások, amik fölülbírálják az előzőt
- van, hogy a két fajtát egymással kombináljuk
- Az utasításokban mindegy, hogy kisbetűt, vagy nagybetűt írunk.
- A paraméterek sorrendje is tetszőleges, s az utasítások egymásba ágyazhatóak.
- Formailag is mindegy hogy írjuk, mivel a HTML nyelvben akárhány szóközt, tabulátort vagy entert ütünk egymás után, az csak egyetlen szóközként értelmeződik. A tagolásokat érdemes azonban úgy alakítanunk, hogy számunkra jól átláthatóak legyenek a parancsok.
- A könnyebb eligazodás kedvéért a forrásszövegbe megjegyzéseket is szúrhatunk a <!–és–> jelek közé.
- A HTML oldalt <HTML> utasítással kell kezdeni és </HTML> utasítással zárni.
<HTML>
</HTML> |
A HTML oldal két fő részből áll: a fejléc és a törzs
A fejléc
- Az oldalak tartalmaznak egy fejlécet, amelyben a dokumentum egészére vonatkozó információkat találjuk.
- A feljéc kezdő tagja <HEAD> utasítás, zárótagja pedig </HEAD> utasítás
- A fejlécben található a dokumentum címe, neve <TITLE> és </TITLE> utasítások között.
- Egyéb speciális utasításokat a <META> és utasítással vezetünk be. (ez most nem fontos)
- A fejléc után az oldal törzs megadása következik <BODY> és </BODY> utasítások között.
- Az itt beírt a parancsszavak a teljes oldalra vonatkoznak és paraméterezhetőek.
<HTML>
<HEAD> <TITLE>Ez az első weblapom</TITLE> </HEAD> <BODY>
</BODY> </HTML> |
A törzs alapvető formázásai
- a lap háttérképét < BODY BACKGROUND = „hatter.gif”> adjuk meg
- a lap nyelvezetét < BODY LANG= „HU”> (ez most nem fontos)
- a teljes oldal színe BGCOLOR
- a teljes oldal betűszíne TEXT
- az oldalon lévő hivatkozások színe LINK
- a már látogatott hivatkozások színe VLINK
- annak a színnek megadása, amelyre a szöveg a linken való kattintás hatására vált ALINK
<HTML>
<HEAD> <TITLE>Ez az első weblapom</TITLE> </HEAD> <BODY BGCOLOR=”yellow” TEXT=”blue” LINK=”green” VLINK=”blue” ALINK=”white”> Köszöntelek! </BODY> </HTML> |
Szinekről
- Számos utasítás színek megadását teszi szükségessé.
- A színek azonosítása nevükkel és a kódjukkal is történhet. Mindegy melyik módját használjuk, az eredmény ugyanaz. (Javasolt azonban a kódolást alkalmazni).
- nevek megadása esetén az angol megnevezéseket kell használni: pl.:
-
- red = piros
- yellow = sárga
- green = zöld
- blue = kék
- brown = barna
- black = fekete
- white = fehér
- gray = szürke
- magenta, cyan, lightgray
-
- színkódok használatakor az RGB színkezelési módnak megfelelően kell írnunk # jellel kezdve egyedi színeket definiálhatunk
- a kód hexadecimiális (16-os szárendszer) formában 2-2 jegyenként tartalmazza a piros, a zöld és a kék összetevőket, melyeket megfelelő formában keverve újabb színekhez jutunk. pl.:
-
- #FFOOO = piros
- #FFFFOO = sárga
- #OOFFOO = világoszöld
- #OOOOFF = kék
- #OOOOOO = fekete
- #FFFFFF = fehér
-
<HTML>
<HEAD> <TITLE>Ez az első weblapom</TITLE> </HEAD> <BODY BGCOLOR=”#FFFF00″ TEXT=”#0000FF” LINK=”#00FF00″ VLINK=”#0000FF” ALINK=”#FFFFFF”> Köszöntelek! </BODY> </HTML> |
(további szinek, és azok kódja a következő oldalon találhatók)
Színkeveréshez katt ide: SZÍNKEVERÉS