HTML (HyperText Markup Language) este limbajul standard pentru crearea paginilor web. Nu este un limbaj de programare, ci un limbaj de marcare - descrie structura și conținutul unei pagini web prin intermediul tag-urilor.
Capitol gratuit
Ce este HTML și cum funcționează web-ul
HTML (HyperText Markup Language) este limbajul standard pentru crearea paginilor web. Nu este un limbaj de programare, ci un limbaj de marcare - descrie st...
Introducere
Cum funcționează web-ul
Când accesați o pagină web, se întâmplă următoarele:
- Browser-ul trimite o cerere HTTP/HTTPS către server
- Serverul procesează cererea și trimite înapoi fișierele (HTML, CSS, JS)
- Browser-ul primește HTML-ul și îl parsează (interpretează)
- DOM-ul (Document Object Model) este construit din HTML
- CSS-ul este aplicat pentru stilizare vizuală
- JavaScript-ul adaugă interactivitate
- Pagina este afișată pe ecran (render)
Cele trei piloane ale web-ului
- HTML - structura și conținutul (scheletul)
- CSS - prezentarea vizuală (aspectul)
- JavaScript - comportamentul și interactivitatea (funcționalitatea)
Scurt istoric HTML
| An | Versiune | Noutăți principale |
|---|---|---|
| 1991 | HTML 1.0 | Tim Berners-Lee creează prima versiune la CERN |
| 1995 | HTML 2.0 | Primul standard oficial (IETF) |
| 1997 | HTML 3.2 | Tabele, applet-uri, text flow |
| 1999 | HTML 4.01 | CSS separat, accesibilitate, internaționalizare |
| 2000 | XHTML 1.0 | HTML reformulat ca XML (mai strict) |
| 2014 | HTML5 | Video/audio nativ, canvas, semantic, APIs |
| 2017+ | HTML Living Standard | Actualizări continue (WHATWG) |
Instrumente necesare
Pentru a scrie HTML aveți nevoie doar de:
- Un editor de text - VS Code (recomandat), Sublime Text, Notepad++
- Un browser web - Chrome, Firefox, Edge (cu Developer Tools)
Sfat: Instalați extensia Live Server în VS Code. Aceasta reîncarcă automat pagina în browser de fiecare dată când salvați fișierul HTML - accelerează enorm dezvoltarea.
Primul fișier HTML
Creați un fișier index.html și deschideți-l în browser:
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<title>Prima mea pagină</title>
</head>
<body>
<h1>Salut, lume!</h1>
<p>Aceasta este prima mea pagină web.</p>
</body>
</html>Continuați cu restul cursului
Acesta este capitolul 1 din cele 14 ale cursului, cu 5 lecții din 60. Cumpărați cursul și parcurgeți tot conținutul în cont, cu progres salvat, test final și certificat.
Cumpărați cursul la 70 €