1. Introduzione al documento HTML
Analizziamo un po’ come sono strutturati i documenti HTML. Da dove inizia qualsiasi documento HTML? Ogni documento HTML ha una struttura composta da tre tag nidificati: html, head e body. Questo è lo standard, un esempio:
<!DOCTYPE html>
<html>
<head>
Tag di servizio
</head>
<body>
Documento principale
</body>
</html>
Tutto ciò che appare nel browser si trova all'interno del tag body (corpo del documento). Dentro il tag head ci sono i tag con informazioni di servizio/ausiliarie per il browser.
Inoltre, all'inizio del documento è consuetudine (ma non obbligatorio) scrivere il tipo di documento — DOCTYPE, per aiutare il browser a interpretare meglio eventuali errori. Molti browser sanno visualizzare correttamente documenti con layout danneggiato.
2. Esempio di documento HTML
Il documento HTML è la base di qualsiasi pagina web. Esso indica al browser come deve apparire la pagina. Ecco un esempio semplice di documento HTML:
<!DOCTYPE html>
<html>
<head> <title>Titolo della pagina</title> </head>
<body> <h1>Ciao, mondo!</h1> <p>Questa è la mia prima pagina web.</p> </body>
</html>
Le principali parti di un documento HTML
Questa riga è chiamata dichiarazione del tipo di documento (doctype). Essa informa il browser che il documento è scritto in HTML5, l'ultima versione del linguaggio HTML. È importante per la corretta visualizzazione della pagina.
<html>
Il tag <html>; apre il documento HTML. Tutti i contenuti della pagina web devono essere racchiusi all'interno di questo tag. Esso segna l'inizio e la fine del documento HTML.
<head>
Il tag <head> contiene informazioni di servizio sulla pagina. Queste informazioni non vengono visualizzate direttamente sulla pagina web, ma sono importanti per i browser e i motori di ricerca.
Il tag <title> definisce il titolo della pagina che appare sulla scheda del browser. È la prima cosa che un utente vede quando apre la pagina.
<body>
Il tag <body> contiene tutto il contenuto visibile della pagina web: testo, immagini, link, tabelle e così via. Tutto ciò che l'utente vede sullo schermo si trova dentro questo tag.
<h1>Ciao, mondo!</h1>
Il tag <h1> rappresenta un'intestazione di primo livello. Viene utilizzato per i titoli più importanti sulla pagina. Il testo all'interno di questo tag appare grande e in grassetto.
<p>Questa è la mia prima pagina web</p>
Il tag <p> rappresenta un paragrafo di testo. Viene utilizzato per separare il testo in blocchi logici. Il testo dentro questo tag appare come un normale paragrafo.
GO TO FULL VERSION