Tutorial HTML

Introducere HTML

HTML este limbajul de marcare standard pentru crearea de pagini web. Un limbaj de marcare folosește tag-uri pentru a eticheta părțile unei pagini, astfel încât browserul să știe cum să le afișeze.

Ce Este HTML?

Iată punctele cheie despre HTML:

HTML înseamnă HyperText Markup Language.
Este limbajul de marcare standard pentru crearea de pagini web.
Descrie structura unei pagini web.
Este alcătuit dintr-o serie de elemente.
Elementele HTML îi spun browserului cum să afișeze conținutul.
Elementele etichetează bucăți de conținut, precum „acesta este un titlu”, „acesta este un paragraf” sau „acesta este un link”.

Un Document HTML Simplu

Iată cum arată o pagină HTML de bază, cu fiecare parte explicată:

<!DOCTYPE html> spune că acesta este un document HTML5.
<html> este elementul rădăcină care înconjoară întreaga pagină.
<head> conține meta-informații despre pagină.
<title> setează un titlu, afișat în fila browserului.
<body> conține tot ce poți vedea pe pagină, precum titluri, paragrafe, imagini și linkuri.
<h1> definește un titlu mare.
<p> definește un paragraf.

Exemplu

O pagină HTML completă, de bază.

Un document HTML5 minimal, dar complet: un doctype, html, head cu un titlu „Titlul Paginii”, și un body care conține un h1 „Primul Meu Titlu” și un paragraf „Primul meu paragraf.”

> Ieșire: pagină HTML completă

Prompt

Un document HTML5 minimal, dar complet: un doctype, html, head cu un titlu „Titlul Paginii”, și un body care conține un h1 „Primul Meu Titlu” și un paragraf „Primul meu paragraf.”

Ieșire: pagină HTML completă

<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titlul paginii</title>
</head>
<body>

<h1>Primul meu titlu</h1>
<p>Primul meu paragraf.</p>

</body>
</html>

Ce Este un Element HTML?

Un element HTML este format dintr-un tag de deschidere, un anumit conținut și un tag de închidere. Elementul reprezintă tot ce se află de la tag-ul de deschidere până la cel de închidere. De exemplu, în <h1>Primul Meu Titlu</h1>, tag-ul de deschidere este <h1>, conținutul este „Primul Meu Titlu”, iar tag-ul de închidere este </h1>.

Notă: Unele elemente nu au conținut, precum <br>. Acestea se numesc elemente goale și nu au tag de închidere.

Sintaxa unui element

Forma generală a unui element: un tag de deschidere, conținut și un tag de închidere.

<tagname> Content goes here... </tagname>

Browsere Web

Un browser web, precum Chrome, Edge, Firefox sau Safari, citește documentele HTML și le afișează corect. Browserul nu afișează tag-urile HTML propriu-zise; le folosește pentru a decide cum să afișeze pagina.

Structura unei Pagini HTML

O pagină HTML este construită din elemente imbricate: <html> înconjoară pagina, <head> conține titlul și meta-informațiile, iar <body> conține conținutul vizibil.

Notă: Conținutul din <body> este afișat în browser. Textul din <title> este afișat în bara de titlu sau în fila browserului.