Sunteți pe pagina 1din 4

Tema: Structura generală a unui document HTML.

1. Despre documente HTML


Cele mai utilizate documente Web sînt documentele HTML. Cele mai apreciate caracteristici ale
formatului HTML sînt: independenţa faţă de platformă (acelaşi document HTML este afişat asemănător
de calculatoare diferite), referinţele, formatarea structurată.
Referinţele simplifică esenţial navigarea printr-un document mare şi/sau prin mulţimea documentelor unui
site. În calitate de referinţă poate servi un cuvînt, o frază, o imagine sau orice alt element al paginii Web.
Prima versiune HTML a fost lansată în 1989 (proiectată de Tim Berners-Lee). Chiar dacă unele
programe de explorare nu recunosc toate cuvintele-cheie ale limbajului HTML, acesta rămîne a fi unul
dintre cele mai utilizate şi mai moderne limbaje pentru elaborarea paginilor Web.
Fişierele HTML sînt fişiere în format ASCII, deci pot fi create cu orice editor de texte. Fără a exagera,
menţionăm că proiectarea unei pagini Web simple se realizează (după cum veţi vedea ulterior) foarte uşor.
Prin element al unui document HTML vom înţelege orice componentă a structurii documentului: tabel,
paragraf, listă, titlu, buton, casetă de text, imagine etc.
Pentru a marca elementele unui fişier HTML, se utilizează diferite cuvinte-cheie, numite etichete sau
marcaje (tags). Orice etichetă se încadrează între simbolurile < şi >.
Etichetele, de regulă, sînt pereche pentru încadrarea unui element. Eticheta de sfîrşit arată ca şi cea de
început, mai avînd în faţa ei caracterul / (slash).
!!!!!! De reţinut că limbajul HTML nu face diferenţă dintre literele mari şi mici.

Istoric
Se cunosc uratoarele versiuni ale HTML, printre care și

 HTML 2.0,
 HTML 3.0,
 HTML 3.2,
 HTML 4.01
 HTML 5 cel mai recent

 HTML 2.0, elaborat în Iunie 1994, este standardul pe care ar trebui să-l suporte toate
browserele curente.
  HTML 3.0, Enunțata în 1995, a incercat să dezvolte HTML 2.0 prin adăugarea unor
facilități precum tabelele și un mai mare control asupra textului din jurul imaginilor.
 Recent HTML 5
2. Structura generală a unui document HTML
Un document HTML are, de regulă, următoarea structură:

<HTML> Începutul documentului

<HEAD>
<TITLE>
Antetul documentului
Titlu documentului
</HEAD>
</TITLE>
<BODY>
CONTINUT CONȚINUTUL documentului
</BODY>
</HTML> sfîrșit

• Textul scris între marcajele este afişat pe bara de titlu a ferestrei programului de explorare.

• Etichetele <BODY>şi </BODY> cuprind conţinutul propriu-zis al documentului HTML, care va fi afişat
în fereastra programului de explorare şi va fi văzut de utilizator.

EXEMPLU
<html>
<head>
<title>Titlul paginii</title>
</head>
<body>
Bine ati venit PE pagina mea de Web!
</body>
</html>

Trecerea pe o linie <br>  noua se face la o comanda explicita, care trebuie să apară în
pagina html.

Această comandă este marcajul <br> ( de la " line break " - intrerupere de linie ).
Folosind aceleași operații ca mai sus, vizualizați noua pagina! Veți vedea textul ce apare în
fereastra navigatorului. în plus, pagina dvs. va avea un titlu nou, cel introdus de dvs.

EXEMPLU
<html>
<head>
<title>Titlul paginii</title>
</head>
<body>
Bine ati venit în <br> pagina mea de Web!
</body>
</html>
Culoarea de fond
O culoare poate fi precizata în două moduri:

 Printr-un nume de culoare. Sunt disponibile cel puțin 16 nume de culori:


aqua, black,
fuchsia, gray, green lime, maroon, navy, olive, purple, red, silver,
teal, white și yellow.

 Culoarea fondului paginii Web se stabilește cu atributul bgcolor al etichetei <body>, de


exemplu: <body bgcolor = culoare>.
 Următorul exemplu realizează o pagină cu fondul de culoare gri.
1 <html>
2 <head>
3 <title>Culoare de fond </title>
4 </head>
5 <body  bgcolor="gray">
6 O pagina Web cu fondul GRI!
</body>
7 </html>
8

Culoarea textului
Acest lucru se face prin intermediul atributului text al etichetei <body> după sintaxa <body
text=culoare>.
În următorul exemplu textul are culoarea roșie.
1 <html>

2 <head>

3 <title>culoare textului </title>

4 </head>

5 <body  text="red">
6 Un text de culoare rosie.

7 </body>

</html>
8

O eticheta poate avea mai multe atribute. De exemplu, o etichetă cu trei atribute arată astfel:
<eticheta atribut1 = valoare1 atribut2 = valoare2 atribut3 = valoare3>.
Următorul exemplu prezintă o pagină cu fondul de culoare albastră și textul de culoare galbenă.
1 <html>

2 <head>

<title>atribute multiple </title>


3
4 </head>

5 <body  bgcolor="blue" text="yellow">
6 Fond de culoare albastra și text de culoare galbena.

7 </body>

8 </html>

S-ar putea să vă placă și