HTML sta per Hypertext Markup Language. È il linguaggio di markup standard per i documenti progettati per essere visualizzati in un browser web. HTML può essere supportato da tecnologie come i fogli di stile a cascata ( CSS ) e linguaggi di scripting come JavaScript.
Internet è essenzialmente una vasta rete di computer connessi a livello globale. Il modo principale con cui interagiamo con questa rete è attraverso il World Wide Web ( WWW ), un sistema di documenti ipertestuali interconnessi e accessibili tramite Internet. Il cuore del WWW sono le pagine web, ovvero documenti scritti in HTML . 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 un insieme di tag annidati, ovvero elementi racchiusi tra parentesi angolari. Questi tag indicano al browser web come visualizzare il contenuto. Un esempio di struttura semplice di un documento HTML è:
<!DOCTYPE html>
<html>
<testa>
<title>Titolo della pagina</title>
</testa>
<corpo>
<h1>Questo è un titolo</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 composti 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 hanno scopi diversi. Ad esempio:
Gli elementi HTML possono avere attributi che forniscono informazioni aggiuntive sugli elementi stessi. Gli attributi sono inseriti nel tag iniziale di un elemento e spesso sono espressi 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 all'immagine.jpg " alt="Descrizione dell'immagine">
L'attributo <code>alt</code> fornisce un testo alternativo per l'immagine se non può essere visualizzata.
L'uso del tag <code><a></code> crea collegamenti ipertestuali, fondamentali per l'interconnessione del Web. Un collegamento ipertestuale può rimandare a un'altra pagina web, a una sezione diversa della stessa pagina o persino a un file scaricabile. Ad esempio:
<a href="https://example.com">Visita Example.com</a>
Questo crea un collegamento a <code>https://example.com</code>.
HTML fornisce elementi per creare elenchi. Esistono due tipi principali di elenchi:
Ogni elemento dell'elenco è racchiuso tra il tag <code><li></code> (elemento dell'elenco).
HTML5 è l'ultima evoluzione dello standard, introducendo numerose nuove funzionalità che riflettono le moderne esigenze dei documenti multimediali e interattivi. Tra queste, 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 la grafica vettoriale scalabile) ed elementi multimediali (<code><audio></code> e <code><video></code>).
HTML semantico si riferisce all'uso del markup HTML per rafforzare la semantica, o il significato, delle informazioni nelle pagine web. Anziché limitarsi a definire l'aspetto o il comportamento degli elementi (che è compito di CSS e JavaScript), HTML semantico descrive accuratamente la struttura e il tipo di contenuto. Ad esempio, un tag <code><article></code> indica che il contenuto al suo interno è un articolo, mentre un tag <code><nav></code> indica un menu di navigazione.
L'utilizzo HTML semantico migliora l'accessibilità e la ricercabilità dei contenuti web, rendendoli più fruibili e facili da scoprire.
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 HTML , è possibile creare un'ampia gamma di contenuti accessibili sul web, da semplici documenti di testo a complesse esperienze multimediali interattive. Essendo la base dello sviluppo web, la padronanza HTML è essenziale per chiunque desideri progettare o sviluppare per il web.