HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afișate într-un browser (sau navigator). Scopul HTML este mai degrabă prezentarea informațiilor – paragrafe, fonturi, tabele ș.a.m.d. – decât descrierea semanticii documentului. În cadrul dezvoltării web de tip front-end, HTML este utilizat împreună cu CSS și JavaScript.
Specificațiile HTML sunt dictate de World Wide Web Consortium (W3C), care încurajează utilizarea CSS în locul a HTML explicit pentru prezentare.[1]
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 și au extensia „.html” sau „.htm”. În marea lor majoritate aceste etichete sunt pereche, una de deschidere <eticheta> și alta de închidere </eticheta>, mai există și cazuri în care nu se închid, atunci se folosește <eticheta />. Navigatorul web interpretează aceste etichete afișând rezultatul pe ecran. HTML-ul este un limbaj care nu face deosebire între litere majuscule și minuscule.
Pagina principala a unui domeniu este fisierul „index.html” respectiv „index.htm”. Această pagină este setată a fi afișată automat la vizitarea unui domeniu.
De exemplu la vizitarea domeniului www.nume.ro este afișată pagina www.nume.ro/index.html.
Unele etichete permit utilizarea de atribute care pot avea anumite valori.
Toate paginile HTML încep și se termină cu etichetele <html> și </html>.
În interiorul acestor etichete găsim perechile <head>, </head> și <body>, </body>.
head conține titlul paginii între etichetele <title> și </title>, descrieri de tip <meta>, stiluri pentru formatarea textului, script-uri și legături către fisiere externe (de exemplu script-uri, fișiere de tip CSS sau favicon).
Etichetele de tip meta conțin cuvinte cheie, descrierea paginii, date despre autor, informații utile motoarelor de căutare.
Structura unei pagini web:
Cu ajutorul unui browser poți accesa o multitudine de pagini web. Indiferent de browserul folosit, după ce ai deschis o pagină web, dacă folosești combinația de taste CTRL+U, poți vizualiza codul sursă al paginii respective. Vei observa că pagina este un document HTML, iar codul sursă începe cu marcajul <html> și se finalizează cu marcajul </html>. Toate marcajele dintre parantezele unghiulare < > transmit comenzi către browser pentru a afișa pagina într-un anumit mod. Este de reținut faptul că nu toate browserele suportă toate marcajele HTML, de aceea este recomandabil să testezi pagina web pe cât mai multe browsere.
Caracteristicile marcajelor HTML
au înainte și după două paranteze unghiulare < > ;
de obicei sunt în perechi, unul este de deschidere < > , celălalt este de închidere </ > ;
textul din interiorul marcajului reprezintă o instrucțiune transmisă către browser;
nu se face nicio diferență între scrierea cu literele mari sau mici.
Atributele marcajelor HTML
furnizează browserului informații suplimentare despre elementele din pagina web;
sunt întotdeauna poziționate între marcajele unghiulare de deschidere < > ;
au forma nume atribut = valoare atribut, iar valorile atributului se scriu între " " (ghilimele).
Orice pagină web conține următoarele marcaje:
<html>
de unde începe codul HTML
</html>
unde se termină codul HTML
<head>
antetul paginii web
</head>
închiderea zonei de antet
<title>
titlul paginii web
</title>
închiderea zonei de titlu
<body>
corpul paginii web
</body>
închiderea corpului paginii web
Atenție!
Antetul paginii web este vizibil numai prin accesarea codului sursă.
Corpul paginii web este vizibil direct din browser, fără a vizualiza codul sursă.