![[html5_logo.png|195]] HTML significa **HyperText Markup Language**. È un **linguaggio di markup** alla base di tutte le pagine web: utilizza tag per descrivere al browser la struttura e il significato dei contenuti. Nasce nel 1991 con il primo sito di Tim Berners-Lee, un ricercatore del CERN che inventa il html [[Brief History of Internet| vedi la storia completa]] --- Il concetto alla base è quello di **ipertesto**: un sistema di contenuti collegati tra loro tramite link. La caratteristica che lo rende rivoluzionario rispetto al mondo cartaceo è la possibilità di una lettura non lineare: invece di poter procedere solo alla pagina successiva o precedente, grazie ai link è possibile navigare tra contenuti correlati. Questo concetto è alla base delle enciclopedie moderne e dei [[Sito Web | siti web]]. es di link in html. `<a href="https://www.iltuosito.com">Vai al sito</a>` --- Ogni file html è composto da due macro sezioni: `<head>` : contiene informazioni non visibili all’utente, come il titolo della pagina, i metadati, [[Cookie e tracciamenti| script di tracciamento]]. `<body>` : contiene tutto il contenuto visibile della pagina, come titoli, sottotitoli e testo. Alcuni elementi di sintassi base importanti da conoscere sono gli **heading**: `<h1>` → titolo principale `<h2>` → sottotitoli principali `<h3>` → livelli successivi `<p>` → paragrafi Servono a strutturare i contenuti e sono rilevanti anche per la [[SEO]], perché aiutano i motori di ricerca a capire la gerarchia della pagina. --- HTML si occupa della struttura e dei contenuti di una pagina, mentre altri linguaggi gestiscono gli aspetti visivi e comportamentali: - **HTML** - struttura - [[CSS]] - design (stile, layout, colori) - [[JavaScript]] - interattività (azioni, dinamiche, animazioni avanzate) Insieme, questi tre elementi costituiscono la base di qualsiasi sito web moderno. --- HTML ha subito diverse evoluzioni nel tempo; con **HTML5** (standardizzato nel 2014) il linguaggio è stato potenziato significativamente. I siti di oggi utilizzano ancora HTML, ma con molte più funzionalità e possibilità rispetto al passato. *curiosità:* Attraverso tasto destro - ispeziona/inspector/per sviluppatori, è possibile vedere il file html sorgente di qualsiasi sito web, prova tu stesso! ![[html_inspector.png]]