Codul HTML (HyperText Markup Language) este limbajul standard de marcare utilizat pentru crearea și structura paginilor web. Acesta definește elementele și structura unui document web prin utilizarea unor etichete (tags) specifice. Fiecare etichetă HTML marchează o anumită parte a conținutului, cum ar fi titluri, paragrafe, liste, imagini sau linkuri.

Structura de bază a unui document HTML

Un document HTML tipic începe cu <!DOCTYPE html> pentru a specifica tipul documentului, urmat de elementele de bază care includ:

<html>: Eticheta de închidere a documentului HTML.
<head>: Secțiunea care conține metadatele documentului, cum ar fi titlul (<title>), linkuri către fișiere CSS, scripturi JavaScript și meta-informații.
<body>: Secțiunea principală unde se află conținutul vizibil al paginii, cum ar fi texte, imagini, linkuri și alte elemente interactive.

Exemple de etichete HTML esențiale

<h1> până la <h6>: Titluri de diferite nivele, <h1> fiind cel mai important.
<p>: Paragraf.
<a href="URL">: Link către o altă pagină sau resursă.
<img src="URL" alt="Descriere imagine">: Imagine cu o sursă specificată și text alternativ pentru accesibilitate.
<ul>, <ol>, <li>: Liste neordonate (unordered lists), ordonate (ordered lists) și elementele listei (list items).

Importanța HTML

HTML este fundamental pentru dezvoltarea web deoarece definește structura conținutului. Este folosit împreună cu CSS (Cascading Style Sheets) pentru stilizare și JavaScript pentru interactivitate. Un cod HTML bine structurat este esențial pentru accesibilitatea web, SEO și o experiență utilizator îmbunătățită.

Exemple de Cod HTML de Bază

<!DOCTYPE html>
<html lang="ro">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pagina mea web</title>
</head>
<body>
    <h1>Bine ați venit pe pagina mea web!</h1>
    <p>Aceasta este o demonstrație de bază a unui document HTML.</p>
    <a href="https://exemplu.com">Vizitează exemplu.com</a>
    <img src="imagine.jpg" alt="O descriere a imaginii">
    <ul>
        <li>Elementul 1</li>
        <li>Elementul 2</li>
        <li>Elementul 3</li>
    </ul>
</body>
</html>

HTML este esențial pentru structura și funcționalitatea paginilor web, fiind baza pe care se construiesc toate site-urile.