Liste si caractere speciale

Liste si caractere speciale

2.1. Liste de tip definitie

Unul din cele mai des īntālnite elemente īn documentele cu mai multe pagini este un set de definitii, referinte sau indexuri. Glosarele sunt exemple clasice īn acest sens; cuvintele sunt listate īn ordine alfabetica, urmate de definitii ale termenilor respectivi. Īn HTML, īntreaga sectiune a unui glosar va fi gestionata printr-o lista de definitii, care este inclusa īntr-o pereche de marcaje de lista de definitii: <DL> si </DL>. Īn cadrul acestei perechi de marcaje, o definitie se compune din doua parti:

termenul definit (<DT>

descrierea definitiei (<DD>

Exemplu:

<DL>

<DT>BNC

<DD>Conector video folosit la aparatele profesionale

<DT>DSTN (Double Super Twist Nematic)

<DD>Tehnologie cu matrice pasiva LCD unde doua ecrane LCD sunt combinate intr-unul singur pentru a imbunuatatii calitatea imaginii si contrastul.

<DT>Hz (Hertz)

<DD>Unitate de masura folosita pentru a exprima frecventa unui semnal electric.

</DL>

Marcajele precum <DT> si <DD> sunt marcaje dependente de context: nu au semnificatie decāt daca apar īn interiorul unei perechi <DL></DL>. Din fericire, daca utilizam marcajele <DT> si <DD> fara a le plasa īn interiorul unei perechi <DL></DL>, semnificatia lor se pastreaza. Acesta este un caz fericit, īn cele mai multe situatii nu se īntāmpla īn acest mod.

2.2. Liste neordonate

Listele de definitie sunt utile, dar tipul de lista cel mai des īntālnit este lista neordonata. Listele neordonate īncep cu <UL> si se īncheie cu </UL>, iar fiecare element al listei este definit prin controlul <LI>

Exemplu:

<UL>

<LI>monitor

<LI>unitate centrala

<LI>tastatura

</UL>

2.3. Liste ordonate

Daca se doreste crearea de liste ordonate (numerotate) se vor folosi marcajele <OL> si </OL>, fiecare element al listei fiind definit tot prin marcajul <LI>

Exemplu:

<OL>

<LI>scoala primara

<LI>gimnaziu

<LI>liceu

<LI>facultate

</OL>

3. Caractere speciale īn documente HTML

Īn codul HTML se pot introduce caractere speciale, diacritice s.a.m.d., folosind marcaje speciale, numite entitati sau referinte de entitati.

Spre deosebire de marcajele īnvatate pāna acum, entitītile pentru caractere speciale nu sunt incluse īn paranteze unghiulare (<>); ele īncep īntotdeauna cu un ampersand si se termina cu punct si virgula (;). Cele mai multe entitati sunt oarecum mnemonice:

Nu toate programele de navigare pot afisa toate aceste caractere.

Pentru a crea o majuscula a unuia din caracterele speciale se scrie prima litera a marcajului de formatare ca litera mare.

O entitate de tip caracter special, care este utilizata īn mod frecvent īn proiectarea paginilor Web si care nu reprezinta nici un caracter si nu se afiseaza pe ecran, este spatiul de afisare (non-breaking space). Specificat prin &nbsp; acesta permite fortarea de spatii multiple īntre elemente.

4. Comentarii īn cadrul codului HTML

HTML permite un format specific de notatie pentru comentarii īn cadrul documentelor. Orice text īncadrat de elementele <!-- si --> este considerat un comentariu si este ignorat de programele de navigare Web.

Utilizarea comentariilor nu este obligatorie, dar īn cazul lucrului la un site Web constituit din multe documente, simpla datare a fiecarui fisier se poate dovedi de nepretuit.

5. Tabele

Tabelele reprezinta o extensie importanta a limbajului HTML, avāndu-si originea īn laboratoarele de dezvoltare ale corporatiei Netscape Communications. Tabelele HTML sunt mult mai solicitante decāt cele dintr-un procesor de texte.

5.1. Bazele formatarii tabelelor

Desi tabelele ofera o multime de posibilitati interesante, au si un dezavantaj: sunt destul de greu de construit. Pentru īnceput trebuie specificati parametrii fiecarei tabelului, apoi parametrii fiecarei linii, iar, īn final, fiecare celula trebuie īnconjurata de marcajele <TD></TD> (date de tabel).

Exemplu de tabel cu un singur rānd si 4 coloane:

<TABLE BORDER="1">

<TR>

<TD>ProTV</TD>

<TD>Antena 1</TD>

<TD>TVR 1</TD>

<TD>MTV</TD>

</TR>

</TABLE>

Daca se doreste ca aceasta informatie sa fie organizata sub forma unui element pe fiecare rānd, codul devine mult mai complex:

<TABLE BORDER="1">

<TR>

<TD>ProTV</TD>

</TR>

<TR>

<TD>Antena 1</TD>

</TR>

<TR>

<TD>TVR 1</TD>

</TR>

<TR>

<TD>MTV</TD>

</TR>

</TABLE>

Acest tip de codificare poate deveni destul de complex deoarece īn fiecare element din tabel se pot include text, grafica si aproape orice altceva, inclusiv alte tabele.

Iata cāteva atribute ale marcajului <TABLE>

Īn cadrul unui tabel, pe lānga specificarea liniilor prin TR si a elementelor individuale de date prin TD, puteti specifica si antete de coloane, prin marcajul TH, care īnlocuieste marcajul TD īn definitia liniei. TH este aproape identic cu TD, cu doua exceptii importante: textul din cadrul unui marcaj TH este scris cu aldine si este centrat orizontal īn celula.

Pentru celulele de date se poate specifica si alinierea orizontala, cu ajutorul atributului ALIGN. Optiunile sunt ALIGN=left (aliniere la stānga - implicita), ALIGN=center (centrat) si ALIGN=right (aliniere la dreapta). Se poate specifica si alinierea pe verticala cu ajutorul atributului VALIGN, optiunile posibile fiind top (sus), middle (centru) si bottom (jos).

5.2. Formatarea avansata a tabelelor

Liniile si coloanele se pot īntinde pe mai multe unitati de tabel. Astfel, se foloseste atributul COLSPAN COLSPAN=n) pentru o celula care se īntinde pe mai multe coloane, precum si atributul ROWSPAN rowspan='n) pentru o celula pe care o dorim sa o extindem pe mai multe linii ale tabelului.

Se poate adauga si o culoare de fond cu ajutorul atributului BGCOLOR BGCOLOR=culoare|codRGB). Aceasta facilitate poate fi utilizata īn toate browsele existente, fiind inclusa īn specificatia HTML 4.0. Microsoft a extins definitia tabelelor peste ceea ce detaliaza specificatia HTML 4.0. Astfel, īn Internet Explorer avem si urmatoarele atribute:

BACKGROUND (BACKGROUND=fisier_grafic) permite adaugarea unor grafice de fond īn interiorul celulelor din tabele;

BORDERCOLOR permite controlul detaliat al culorii chenarului;

BORDERCOLORLIGHT si BORDERCOLORDARK ofera posibilitatea de a defini cele doua culori utilizate pentru chenar.