Weboldalkészítés CD-vel

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

web2


A címke (tag) mint a HTML alapeleme

A fenti példákból már nyilvánvaló, hogy a HTML-kód nyitó és záró címkékből, vagy más néven elemekből áll, és a formátumra, elrendezésre szolgáló utasításokat ezek segítségével adjuk ki. Az is látható, hogy ezek mindig párosan helyezkednek el (rögtön megjegyezzük azonban, hogy van egy-két kivétel az általános szabály alól). Az első, úgynevezett nyitó címke tartalmazhat további paramétereket (attribútumokat), de a záró címke mindig csak a címke nevét tartalmazza egy perjelet "/" követően.

Azaz a kivételektől eltekintve minden HTML-elem a következőképpen néz ki:
< címkenév > Erre a dokumentumrészre vonatkozik az utasítás
< /címkenév >

A címkék természetesen nem lehetnek ékezetesek, és adottak egy-egy HTML-verzióban. Jelentését ismernünk kell az eredményes munkához még akkor is, ha szerkesztőprogramot használva ezeket már nem saját kezőleg gépeljük be a kód létrehozásához.

A vázat alkotó címkéket már részleteztük, most csak annyival egészítjük ki, hogy míg a , nyitó címkék belsejében nem helyezhetünk el attribútumokat, a nyitó címke belsejében gyakran helyezünk el paramétereket, amelyek megadják a dokumentum szöveges részének a megjelenítését. Ilyen lehet a háttérszín, szövegszín, háttérként szolgáló képre történő hivatkozás, stílusbeállítás és még sok minden más. Általánosságban teljes szövegtörzsre (teljes oldalra) vonatkozó tulajdonságokat határozhatunk meg ebben a címkében.

Írja át a fenti minimalis.html fájlban a body címkét, adjon hozzá paramétereket! Ehhez a következőképpen kell módosítani a kérdéses sort: , majd mentse el és hívja be ismét a böngészőbe! Ha történetesen még nyitva van a böngésző az előző feladat után, akkor a Fájl -> Szerkesztés menüpontból szintén el lehet érni az alapértelmezett HTML szerkesztőprogramot (ez például az én gépemen a Jegyzettömb), és máris szerkeszthető a HTML-dokumentum forrása.


Valószínűleg nem lepődött meg nagyon, hogy sárga alapon piros betűkkel írt szöveget kapott. A HTML-leírónyelv egyik nagy előnye, hogy minimális angol nyelvtudással is el lehet igazodni a kódban, mert eléggé "beszédesek" az egyes elemek, a paraméterek. Egyúttal azt is megtanulta, hogy minden paramétert/attribútumot úgynevezett név = "érték" pár formában kell megadni, mintegy értéket adva a megfelelő paraméternek.

Lássunk hozzá a címkék módszeres megismeréséhez, és kezdjük a sokszor elhanyagolt, ám rendkívül fontos head elem tanulmányozásával!

Íme egy példa, amelyben összezsúfoltunk minden fontosabb lehetőséget:

< head >

< title >Webszerkesztés< /title >

< meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-2" >