HTML utilizza dei tag (marcatori) per definire le regole di formattazione che il browser deve poi interpretare
per comporre la pagina web. Ad ogni tag di apertura è associato il corrispettivo tag di chiusura usualmente
identificato dal simbolo “/”. Ad esempio <title>Guida introduttiva a HTML</title> delimita il testo “Guida
introduttiva a HTML” entro l’apertura e la chiusura del marcatore “title”. I tag possono essere innestati o
combinati tra loro quando è necessario applicare più stili di formattazione al medesimo testo. Ad
esempio <b><i>World Wide Web</i></b> istruisce il browser in modo che la scritta “World Wide Web” sia
visualizzata in grassetto corsivo. A tutto il testo compreso tra il tag di apertura e quello di chiusura il browser
applica lo stile di formattazione indicato dal tag.
HTML impone ai documenti una struttura entro la quale collocare tutti i singoli elementi. Di seguito è
presentata la composizione della struttura di base di una qualsiasi pagina web.
<!DOCTYPE html>
<html>
<head>
<title> La mia prima pagina web </title>
</head>
<body>
<p> Questa è la mia prima pagina in html. </p>
</body>
</html>
Di tutto il codice scritto sopra, il browser mostrerà a video solamente il testo compreso tra gli elementi
<body> e </body>, ovvero:
Questa è la mia prima pagina in html.
Dove <!DOCTYPE html> ha il solo compito di informare il browser che si tratta di un documento
HTML. <html> è l’inizio del codice html vero e proprio, tutto ciò che sarà posto all'interno di questo
documento e fino al relativo tag di chiusura sarà inteso come struttura del codice HTML. <head> testata o
head del documento, in questa sezione trovano posto tutti i tag che impartiscono direttive al browser quali:
titolo, comandi Meta, richiami ai fogli di stile, script. <body> è il corpo del documento nel quale vanno
inseriti dati multimediali, testo, form, tabelle, link e quant'altro faccia parte di html
Inizialmente, il Web era costituito solo da testo ed era piuttosto noioso. Fortunatamente, non passò molto
tempo prima che fosse aggiunta la possibilità di incorporare immagini (e altri tipi di contenuti più
interessanti) nelle pagine Web. Il tag <img>, ad esempio, è usato per inserire una singola immagine. Si tratta
di un elemento vuoto, ovvero che non ha un contenuto testuale nè un tag di chiusura, e richiede la presenza
dell’attributo src per poter funzionare. Quindi, ad esempio, se l'immagine è chiamata unimi.jpg ed è
collocata nella stessa directory della pagina HTML, la si inserisce con <img src="unimi.jpg">. Se l'immagine si
trova nella sottodirectory images della directory in cui si trova la pagina HTML, allora si dovrà scrivere <img
src="images/unimi.jpg">.
Con la diffusione della banda larga, veloce abbastanza da supportare la trasmissione di un maggior numero
di contenuti, si è iniziato ad inserire nelle pagine web anche contenuti video e audio. Nei primi tempi,
l'HTML non aveva la capacità di integrare video e audio, così, per poterlo fare, sono diventate popolari delle
tecnologie proprietarie come Flash (e più tardi Silverlight). Tuttavia, questo tipo di tecnologie non sono ben
integrate con HTML/CSS e presentano problemi di sicurezza e di accessibilità. Fortunatamente, nel 2007, la
specifica HTML5 aggiunge gli elementi <video> e <audio>. Analogamente a quanto fatto per le immagini, il
tag <video> permette di aggiungere un contenuto video in modo molto semplice, ovvero con
<video src="unimi.webm" controls>
<p>Your browser doesn't support HTML5 video. Here is a <a href="unimi.webm">link to the video</a>
