A HTML nyelv alapvető utasításai

 

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

  • 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>

 

Megnézem!

 

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)