Principalele elemente HTML

1. Ce este HTML? (Hypertext Markup Language)

– Este un set de coduri logice care constituie apariţia unui document web si a informatiilor pe care le deţine. Codurile sunt scrise intre „<” (paranteza deschisa) si „>” (paranteza inchisa), cu toate ca nu sunt chiar paranteze, aşa se numesc si arata aşa: < >.
Exemplu:

<BODY> sau

– Cele mai multe elemente (numite si tag-uri) au un element (tag) de deschidere si un element de închidere distins prin „/” in interiorul parantezei deschise „

…

– Primul cuvânt care apare înăuntru „<” se numeşte element sau eticheta HTML si spune browser-ului sa facă ceva, precum

– Cuvintele care urmeaza după element in interiorul „”se numesc atribute care descriu proprietăţile elementului. Cum ar fi stilul: culoarea, mărimea, etc.
– Atributele sunt separate prin spatiu si urmate de semnul egal „=”, dupa care sunt scrise, intre ghilimele (” „) valorile atributelor.
– Astfel, o eticheta HTML poate contine elementul de identificare, atribute si valori.
– In urmatorul exemplu elementul este DIV atributul style si valoarea „color:blue;”:

Acest text va fi albastru

2. Structura documentului HTML

– Un document (fisier) HTML este alcatuit din mai multe elemente si atributele lor.
– La început un element HTML cuprinde (înconjoară ) datele documentului. Acest element conţine doua sub-elemente principale: HEAD si BODY. In HEAD se poate adauga titlul paginii web si alte elemente numite metatag-uri, precum si scripturi JavaScript si stil-uri CSS. In BODY se adauga continutul documentului care va fi afisat in pagina web.
Exemplu:

<html>
<head>
<title>Titlu Documentului</title>
</head>
<body>
Continutul paginii
</body>
</html>

Structura generala a unui document HTML

<HTML>
<HEAD> Acesta are si el mai multe sub-elemente:
<TITLE> Aici se scrie titlul documentului, cat mai sugestiv, si se încheie cu </TITLE>
<BASE> Poate fi folosit pentru a înregistra locaţia documentului in forma URL. (Necesar daca documentul nu este accesat in locaţia lui originala). Se încheie cu </BASE>
<LINK> Indica o relaţie dintre document si alte obiecte de pe WEB. Se încheie cu </LINK>
<META> Aici sunt scrise informaţii cum ar fi tastatura (limbaj) folosita, descrierea si cuvinte cheie care pot fi găsite de motoarele de căutare. Se încheie cu </META>
Conţine oricare din JavaScript sau VB Script. Se încheie cu
<STYLE> Conţine informaţii privind stilul, grafica informaţiilor care vor apărea pe pagina. Se încheie cu </STYLE>
Aici se încheie elementele adaugate in HEAD
</HEAD>
<BODY> Etichetele HTML si continutul documentului care va fi afisat in pagina web sunt incluse in acest element. Aici pot fi puse si elemente cum ar fi:
Se încheie cu
</BODY>
</HTML>