HTML sta per Hypertext Markup Language. È il linguaggio di markup standard per i documenti progettati per essere visualizzati in un browser web. L'HTML può essere assistito da tecnologie come Cascading Style Sheets (CSS) e linguaggi di scripting come JavaScript.
Fondamentalmente, Internet è una vasta rete di computer connessi a livello globale. Il modo principale in cui interagiamo con questa rete è attraverso il World Wide Web (WWW), un sistema di documenti ipertestuali interconnessi a cui si accede tramite Internet. Al centro del WWW ci sono le pagine web, che sono documenti scritti in HTML. L'HTML fornisce la struttura di base dei siti, che viene poi migliorata e modificata da altre tecnologie come CSS e JavaScript.
Un documento HTML è strutturato secondo una serie di tag nidificati, che sono elementi racchiusi tra parentesi angolari. Questi tag indicano al browser web come visualizzare il contenuto. Un esempio di una semplice struttura di documento HTML è:
<!DOCTYPEhtml>
<html>
<testa>
<title>Titolo della pagina</title>
</testa>
<corpo>
<h1>Questa è un'intestazione</h1>
<p>Questo è un paragrafo.</p>
</corpo>
</html>
Questo codice definisce una pagina web di base con un titolo, un'intestazione e un paragrafo di testo.
I documenti HTML sono costituiti da elementi HTML. Ogni elemento è rappresentato da un tag di inizio, del contenuto e un tag di fine. I tag di inizio e fine di un elemento sono identici, tranne per il fatto che il tag di fine include una barra prima del nome dell'elemento.
Ad esempio, il tag <code><p></code> racchiude un paragrafo di testo ed è strutturato come segue:
<p>Questo è un paragrafo di esempio.</p>
Elementi diversi servono a scopi diversi. Ad esempio:
Gli elementi HTML possono avere attributi che forniscono informazioni aggiuntive sugli elementi. Gli attributi vengono posizionati all'interno del tag iniziale di un elemento e sono spesso forniti in coppie nome/valore come <code>name="value"</code>.
Ad esempio, per incorporare un'immagine, utilizziamo il tag <code><img></code> con l'attributo <code>src</code> (source) per specificare l'URL dell'immagine:
<img src="url dell'immagine.jpg " alt="Descrizione dell'immagine">
L'attributo <code>alt</code> fornisce testo alternativo per l'immagine se non può essere visualizzata.
L'uso del tag <code><a></code> crea collegamenti ipertestuali, che sono fondamentali per l'interconnessione del Web. Un collegamento ipertestuale può collegarsi a un'altra pagina Web, a una sezione diversa della stessa pagina o persino a un file scaricabile. Per esempio:
<a href="https://example.com">Visita Esempio.com</a>
Questo crea un collegamento a <code>https://example.com</code>.
L'HTML fornisce elementi per la creazione di elenchi. Esistono due tipi principali di elenchi:
Ogni elemento dell'elenco è racchiuso nel tag <code><li></code> (elemento dell'elenco).
HTML5 è l'ultima evoluzione dello standard, introducendo molte nuove funzionalità che riflettono le moderne esigenze di documenti multimediali e interattivi. Questi includono nuovi elementi strutturali (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>) , elementi grafici (<code><canvas></code> per il disegno, <code><svg></code> per grafica vettoriale scalabile) ed elementi multimediali (<code><audio></code> e <code ><video></codice>).
L'HTML semantico si riferisce all'uso del markup HTML per rafforzare la semantica, o il significato, delle informazioni nelle pagine web. Invece di limitarsi a definire l'aspetto o il comportamento degli elementi (questo è un lavoro per CSS e JavaScript), l'HTML semantico descrive accuratamente la struttura e il tipo di contenuto. Ad esempio, un tag <code><article></code> indica che il contenuto all'interno è un articolo, mentre un tag <code><nav></code> indica un menu di navigazione.
L'uso dell'HTML semantico migliora l'accessibilità e la ricercabilità dei contenuti web, rendendoli più utilizzabili e rilevabili.
L'HTML è una tecnologia fondamentale del World Wide Web, che fornisce la struttura di base per le pagine web. Attraverso l'uso di tag, attributi ed elementi, HTML consente la creazione di documenti strutturati. Comprendendo e utilizzando l'HTML è possibile creare un'ampia gamma di contenuti accessibili sul web, da semplici documenti di testo a complesse esperienze multimediali interattive. Essendo la base per lo sviluppo web, la padronanza dell'HTML è essenziale per chiunque desideri progettare o sviluppare per il web.