Introducere în HTML: DOCTYPE, html, head, title, body, h1, p

Introducere in HTML
  • HTML este limbajul marcant standard pentru crearea de pagini Web.
  • HTML înseamnă Hyper Text Markup Language.
  • HTML descrie structura unei pagini Web.
  • HTML este format dintr-o serie de elemente.
  • Elementele HTML spun browserului cum să afișeze conținutul.
  • Elementele HTML sunt reprezentate prin etichete.
  • Etichetele HTML etichetează bucăți de conținut, cum ar fi „titlu”, „paragraf”, „tabel” și așa mai departe.
  • Navigatoarele nu afișează etichetele HTML, ci le folosesc pentru a reda conținutul paginii.
Un simplu document HTML:
Exemplu: 
<!DOCTYPE html>
<html>
<head>
<title>Titlul paginii</title>
</head>
<body>

<h1>Prima mea rubrică</h1>
<p>Primul meu paragraf.</p>

</body>
</html>
Exemplu explicat:
  • Declarația <! DOCTYPE html> definește acest document ca fiind HTML5.
  • Elementul <html> este elementul rădăcină al unei pagini HTML.
  • Elementul <head> conține meta informații despre document.
  • Elementul <titlu> specifică un titlu pentru document.
  • Elementul <body> conține conținutul paginii vizibile.
  • Elementul <h1> definește o rubrică mare.
  • Elementul <p> definește un alineat.
Etichete HTML

Etichetele HTML sunt nume de elemente înconjurate de paranteze unghiulare: 
<tagname> conținutul merge aici ... </tagname>
  • Etichetele HTML vin în mod normal în perechi precum <p> și </p>.
  • Prima etichetă dintr-o pereche este eticheta de început, a doua etichetă este eticheta finală.
  • Eticheta finală este scrisă ca eticheta de început, dar cu un slash înainte introdus înainte de numele etichetei.
Sfat: Eticheta de început se numește și eticheta de deschidere, iar eticheta finală eticheta de închidere.

Navigatoare web
Scopul unui browser web (Chrome, Edge, Firefox, Safari) este să citească documente HTML și să le afișeze.
Browserul nu afișează etichetele HTML, ci le folosește pentru a determina modul de afișare a documentului:



Structura paginii HTML
Mai jos este vizualizarea unei structuri de pagini HTML:
 
<html>
<head>
<title>Titlul paginii</title>
</head>
<body>
<h1>Acesta este un titlu.</h1>
<p>Acesta este un paragraf.</p>
<p>Acesta este un alt paragraf.</p>
</body>
</html>


Notă: Doar conținutul din secțiunea <body> (zona albă de mai sus) este afișat într-un browser.

Declarația <! DOCTYPE>
  • Declarația <! DOCTYPE> reprezintă tipul de document și ajută browserele să afișeze corect paginile web.
  • Trebuie să apară o singură dată, în partea de sus a paginii (înaintea oricărei etichete HTML).
  • Declarația <! DOCTYPE> nu este sensibilă la litere mari și mici.
  • Declarația <! DOCTYPE> pentru HTML5 este:
<!DOCTYPE html>
Versiuni HTML

Încă din primele zile ale web-ului, au existat multe versiuni de HTML:
 
Versiune An
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014