HTML - Notiuni de Baza

Mier 24 Dec 2008 - 8:48

Notiuni de baza

HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web.
Paginile HTML sunt formate din etichete sau tag-uri si au extensia .html sau .htm. In marea lor majoritate aceste etichete sunt pereche, una de deschidere

Cod:: <eticheta>

si alta de inchidere

Cod:: </eticheta>

browserul interpreteaza aceste etichete afisand rezultatul pe ecran. HTML-ul nu este un limbaj case sensitiv (nu face deosebirea intre litere mici si mari).

Pagina principala a unui domeniu este fisierul index.html. Aceasta pagina este setata a fi afisata automat la vizitarea unui domeniu.
De exemplu la vizitarea domeniului www.nume.ro este afisata pagina www.nume.ro/index.html.

Unele etichete permit utilizarea de atribute care pot avea anumite valori:

Cod:: <eticheta atribut="valoare"> ... </eticheta>

Componenta unui document HTML este:
1. versiunea HTML a documentului
2. zona head cu etichetele

Cod:: <head> </head>

3. zona body cu etichetele

Cod:: <body> </body> sau <frameset> </frameset>

Versiunea HTML poate fi:
HTML 4.01 Strict

Cod:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 TrANSItional

Cod:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

Cod:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Toate paginile HTML incep si se termina cu etichetele

Cod:: <html> si </html>

In interiorul acestor etichete gasim perechile [size=15]

Cod:: <head>, </head> si <body>, </body>.

head contine titlul paginii intre etichetele

Cod:: <title> si </title>

, descrieri de tip

Cod:: <meta>

, stiluri pentru formatarea textului, scripturi si linkuri catre fisiere externe (de exemplu scripturi, fisiere de tip CSS sau favicon).

Etichetele de tip meta contin cuvinte cheie, descrierea paginii, date despre autor, informatii utile motoarelor de cautare si au urmatorul format:

Cod:: <META NAME="nume" CONTENT="continut">

Exemplu: link catre un fisier extern CSS:

Cod:: <link rel="stylesheet" type="text/css" href="css.css">

body gazduieste practic toate etichetele afisate de browser pe ecran.

Exemplu: o pagina HTML cu titlul Exemplu iar continutul Continut pagina

Cod:: <html> <head> <title>Titlu</title> </head> <body> Continut pagina </body> </html>

Si in HTML poate fi introdus un comentariu, care bineinteles nu va fi afisat de browser:

Cod::

SURSA