HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web. Paginile HTML contin elemente (etichete) si au extensia .html sau .htm.
Puteti scrie astfel de fisiere cu Notepad sau cel mai indicat cu editoare cod sursa
specializate, de exemplu Crimson Editor, care va indica si numarul
liniilor, lucru util la depanarea codului HTML. Verificati ca nu aveti
extensiile ascunse (My Computer -> Tools -> Folder Options ->
View -> debifati Hide extensions for known file types). Pentru a
putea crea fisiere html dati clic dreapta New -> Text Document, apoi
il redenumiti index.html.
Elemetele sunt incadrate de tag-uri. Tag-urile sunt simbolurile care
marcheaza inceputul si sfarsitul unui element. Tag-ul pentru inceput
este < iar pentru sfarsit este >.
In marea lor majoritate elementele sunt pereche, una de deschidere
<eticheta> si alta de inchidere </eticheta>. Browserul
interpreteaza aceste etichete afisand rezultatul pe ecran. HTML 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 [Trebuie sa fiti inscris si conectat pentru a vedea acest link] este afisata pagina [Trebuie sa fiti inscris si conectat pentru a vedea acest link].
Unele etichete permit utilizarea de atribute care pot avea anumite valori:
<eticheta atribut="valoare">
...
</eticheta>
Componenta unui document HTML este:
1. versiunea HTML a documentului
2. zona head cu etichetele <head> </head>
3. zona body cu etichetele <body> </body> sau <frameset> </frameset>
Versiunea HTML poate fi:
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Toate paginile HTML incep cu eticheta <html> si se termina cu eticheta </html>.
In interiorul acestor etichete gasim perechea <head> </head> si perechea <body> </body>.
Zona head contine titlul paginii intre etichetele
<title> si </title>, descrieri de tip <meta>, stiluri
pentru formatarea textului, scripturi si linkuri catre fisiere externe
(de exemplu scripturi Javascript, fisiere de tip CSS sau favicon).
Continutul etichetei title este afisat de browser pe cea mai de sus linie (banda albastra de sus).
Etichetele de tip meta contin cuvinte cheie, descrierea paginii, date despre autor, informatii utile motoarelor de cautare si au urmatorul format:
<META NAME="nume" CONTENT="continut">
Exemplu: link catre un fisier extern CSS:
<link rel="stylesheet" type="text/css" href="css.css">
Zona body gazduieste practic toate etichetele afisate de browser pe ecran.
Exemplu: o pagina HTML cu titlul Exemplu iar continutul Continut pagina
<html>
<head>
<title>Titlu</title>
</head>
<body>
Continut pagina
</body>
</html>
Comentariul in HTML, care bineinteles nu va fi afisat de browser, poate fi introdus astfel:
<!-- Acesta este un comentariu in HTML -->
Puteti scrie astfel de fisiere cu Notepad sau cel mai indicat cu editoare cod sursa
specializate, de exemplu Crimson Editor, care va indica si numarul
liniilor, lucru util la depanarea codului HTML. Verificati ca nu aveti
extensiile ascunse (My Computer -> Tools -> Folder Options ->
View -> debifati Hide extensions for known file types). Pentru a
putea crea fisiere html dati clic dreapta New -> Text Document, apoi
il redenumiti index.html.
Elemetele sunt incadrate de tag-uri. Tag-urile sunt simbolurile care
marcheaza inceputul si sfarsitul unui element. Tag-ul pentru inceput
este < iar pentru sfarsit este >.
In marea lor majoritate elementele sunt pereche, una de deschidere
<eticheta> si alta de inchidere </eticheta>. Browserul
interpreteaza aceste etichete afisand rezultatul pe ecran. HTML 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 [Trebuie sa fiti inscris si conectat pentru a vedea acest link] este afisata pagina [Trebuie sa fiti inscris si conectat pentru a vedea acest link].
Unele etichete permit utilizarea de atribute care pot avea anumite valori:
<eticheta atribut="valoare">
...
</eticheta>
Componenta unui document HTML este:
1. versiunea HTML a documentului
2. zona head cu etichetele <head> </head>
3. zona body cu etichetele <body> </body> sau <frameset> </frameset>
Versiunea HTML poate fi:
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Toate paginile HTML incep cu eticheta <html> si se termina cu eticheta </html>.
In interiorul acestor etichete gasim perechea <head> </head> si perechea <body> </body>.
Zona head contine titlul paginii intre etichetele
<title> si </title>, descrieri de tip <meta>, stiluri
pentru formatarea textului, scripturi si linkuri catre fisiere externe
(de exemplu scripturi Javascript, fisiere de tip CSS sau favicon).
Continutul etichetei title este afisat de browser pe cea mai de sus linie (banda albastra de sus).
Etichetele de tip meta contin cuvinte cheie, descrierea paginii, date despre autor, informatii utile motoarelor de cautare si au urmatorul format:
<META NAME="nume" CONTENT="continut">
Exemplu: link catre un fisier extern CSS:
<link rel="stylesheet" type="text/css" href="css.css">
Zona body gazduieste practic toate etichetele afisate de browser pe ecran.
Exemplu: o pagina HTML cu titlul Exemplu iar continutul Continut pagina
<html>
<head>
<title>Titlu</title>
</head>
<body>
Continut pagina
</body>
</html>
Comentariul in HTML, care bineinteles nu va fi afisat de browser, poate fi introdus astfel:
<!-- Acesta este un comentariu in HTML -->