Introducere în limbajul html

BGCOLOR=culoare

Atributul BGCOLOR (BackGround COLOR) stabileşte culoarea fundalului (culoarea zonei din fereastra browser-ului în care este vizualizat documentul).

În HTML culorile se pot specifica în două moduri:

• 
  utilizând denumiri predefinite asociate unor culori (de exemplu RED semnifică
  roşu, GREEN verde, BLUE albastru etc.) ;
  
• 
  „construind" culori proprii prin combinarea a trei culori de bază - roşu, verde si
  albastru (modelul RGB), în acest caz, specificarea unei culori se face indicând în
  ordinea roşu, verde, albastru trei valori hexazecimale cuprinse între 00 si FF, câte
  una pentru fiecare culoare de baza, astfel: #rrggbb
  

Valorile respective precizează „contribuţia" fiecărei culori de bază la culoarea creată. Observaţi că în mod obligatoriu se utilizează două cifre hexazecimale pentru fiecare valoare (chiar dacă prima cifră este 0).

În tabelul următor sunt prezentate denumirile predefinite ale unor culori şi valorile RGB corespunzătoare culorilor respective:

Culoare RGB	Denumire ' Vaîoart-	Valoare RGB	Culoare	Denumire	Valoare
Negru	Black	#000000	Verde	Green	#008000
Alb	White	#FFFFFF	Galben	Yellow	#FFFF00
Roşu	Red	#FF0000	Albastru	Blue	#000FF
Argintiu	Silver	#C0C0C0	Vernil	Lime	#00FF00
Gri	Gray	#808080	Măsliniu	Olive	#808000
Castaniu	Maroon	#800000	Albastru marin	Navy	#000080

Observatie: culori

Prin urmare, puteţi specifica culoarea roşie fie prin denumirea predefinită:

BGCOLOR=RED,
fie utilizând valoarea RGB : BGCOLOR=#FF0000.

TEXT=culoare

Atributul TEXT stabileşte culoarea textului.

LINK=culoare

Atributul LINK stabileşte culoarea cu care vor fi marcate în text link-urile nevizitale.

VLINK=culoare

Atributul VLINK stabileşte culoarea cu care vor fi marcate în text link-urile vizitate.

ALINK=culoare

Atributul ALINK stabileşte culoarea cu care va fi marcat în text link-ul activ (cel asupra căruia este plasat cursorul mouse-ului).

Observaţii referitoare la culori

Utilizarea culorilor are rolul de a face documentul mai atractiv, dar şi mai uşor de citit. Prin urmare alegeţi cu atenţie culorile! Culoarea de fond si culoarea scrisului trebuie alese astfel încât documentul să poată fi citit on-line, fără a obosi excesiv ochii cititorului! Nu alegeţi combinaţii de culori care ar putea crea probleme persoanelor cu diverse deficienţe vizuale!

Pentru ca pagina Web să aibă un aspect unitar, organic, imaginea sau culoarea utilizată drept background trebuie stabilită de la inceput, nu adăugată la sfârşit, când docu­mentul este finalizat. Dacă totuşi modificaţi backgroundul_t ulterior verificaţi cu atenţie şi celelalte culori! Pentru ca textul să fie uşor de citit, este recomandat ca diferenţa dintre valorile culorilor utilizate să fie de aproximativ 60%. De exemplu, puteţi scrie cu negru pe un fond alb, dar şi pe un fond în nuanţe de gri sau altă culoare până la 40%.

LANG=COD-LIMBĂ

Atributul LANG specifică limba în care este redactat textul documentului. Specificarea explicită a limbii poate fi utilă motoarelor de căutare, sintetizatoarelor de voce, programelor de verificare gramaticală şi lexicală etc. şi nu influenţează modul de vizualizare a documentului. De exemplu, dacă veţi introduce caractere greceşti într-un text redactat în limba română, acestea vor fi afişate aşa cum sunt, chiar dacă nu fac parte din alfabetul limbii române.

Valoarea asociată atributului LANG este un cod de limbă, de exemplu en reprezintă limba engleză, fr - limba franceză, el - limba greacă etc.

Comentarii HTML

În cadrul unui document este bine să inseraţi comentarii, pe care browser-ul nu le va afişa, dar care pot fi utile celor care citesc sau editează documentul. Comentariile HTML încep cu

<! şi se termină cu ->. De exemplu,

Comentariile pot fi inserate oriunde in document!

Ce se întâmplă dacă greşim ?

Nimic! Mai exact, nimic grav! Browser-ele ignoră elementele care nu respectă sintaxa HTML şi nu le interpretează.De asemenea, modul de spaţiere si aranjarea pe linie a elementelor HTML sunt nesemnificative (pentru browser), utilizatorul având posibilitatea de a-şi redacta codul HTML după preferinţă.

CURS 2 – PROGRAMARE INTERNET- limbajul HTML

3. Formatarea textului

Formatarea textului care apare în corpul unui document HTML se poate face la nivel de bloc (block-level) sau la nivel de caracter (text-level sau inline). Diferenţele principal dintre cele două tipuri de formatare sunt:

• 
  elementele de formatare la nivel de bloc pot conţine alte elemente de formatare (la nivel de bloc sau la nivel de caracter), in timp ce elementele de formatare la nivel de caracter conţin doar text sau alte elemente de formatare la nivel de caracter;
  
• 
  elementele de formatare la nivel de bloc încep de obicei de la linie nouă.
  

Gruparea mai multor elemente HTML la nivel de bloc se realizează cu ajutorul etichetelor

şi

. Pentru gruparea mai multor elemente dintr-un bloc la nivel de caracter (inline) se utilizează perechea de etichete şi . Gruparea mai multor elemente prin

sau va fi deosebit de utilă dacă veţi apela la facilităţile oferite de stilurile de formatare text, deoarece veţi putea aplica acelaşi stil simultan tuturor elementelor din grup.

Formatarea paragrafelor

Când redactăm un text, pentru a-1 face mai uşor de citit (si de înţeles!) structurăm ideile principale în paragrafe diferite. Este bine ca un paragraf să conţină o singură idee principală.

În tehnoredactare, prin paragraf se înţelege o zonă de text cuprinsă între două caractere de trecere la linie nouă (denumite NewLine sau Enter). Acestea sunt caracterele cu codurile ASCII 13 (Cariage Return - retur de car, revenire la începutul liniei) şi 10 (Line Feed - trecere la linia următoare). În HTML, delimitarea paragrafelor se realizează cu ajutorul etichetei
, eticheta de sfârşit
fiind opţională.

Descriere

Paragraful 1

Paragraful 2

* * *

Efectul va consta în afişarea textului astfel :
Cel mai utilizat atribut atins de eticheta
este ALIGN, care stabileşte modul de aliniere stânga - dreapta a textului paragrafului.

ALIGN = LEFT | CENTER | RIGHT | JUSTIFY

Se observă că atributul ALIGN admite patru valori predefinite :

• 
  LEFT - textul este aliniat la marginea din stânga;
  
• 
  RIGHT - textul este aliniat la marginea din dreapta;
  
• 
  CENTER - textul este central (plasat la egală distanţă de marginea din stânga şi cea
  din dreapta);
  
• 
  JUSTIFY - textul este aliniat si la stânga si la dreapta (prin mărirea spaţiului între
  cuvinte).
  

Valoarea implicită a modului de aliniere a textului depinde de direcţia acestuia: dacă textul este scris de la stânga la dreapta, valoarea implicită a modului de aliniere este LEFT ; dacă textul este scris de la dreapta la stânga, vabarea implicită a modului de aliniere este RIGHT.

De exemplu: Descrierea

Alinierea paragrafelor

Primul paragraf este aliniat la stânga

Al doilea paragraf este aliniat la dreapta

Al treilea paragraf este aliniat la stânga si la dreapta, prin mărirea spatiilor dintre cuvintele de pe aceeaşi linie.

Ultimul paragraf utilizeaza modul implicit de aliniere - în cazul nostru stânga, deoarece direcţia textului este LTR.

Dacă introducem această secvenţă într-o pagină, vom obţine următorul efect :

Pentru a stabili acelaşi mod de aliniere pentru mai multe paragrafe, trebuie să le grupăm într-un singur bloc, cu ajutorul etichetei

:

... primul paragraf ...

... al doilea paragraf ...

... al treilea paragraf ...

Eticheta

admite şi alte atribute, cum ar fi TITLE, LANG, DIV.