Come strutturare un nuovo documento HTML
HTML (HyperText Markup Language) è la spina dorsale dei contenuti web, fornendo struttura alle informazioni visualizzate sui siti web. Ogni documento HTML segue una struttura di base che include elementi essenziali. Analizziamo i componenti chiave.
1. '<!DOCTYPE html>'
Questa dichiarazione definisce il tipo di documento e la versione di HTML utilizzata. Per le pagine Web moderne è consuetudine utilizzare "<!DOCTYPE html>".
2. '<html>'
L'elemento root incapsula l'intero documento HTML.
3. '<head>'
La sezione head contiene metainformazioni sul documento, come titolo, set di caratteri e fogli di stile collegati.
4. '<title>'
Questo elemento imposta il titolo del documento HTML, che appare nella scheda o finestra del browser.
5. '<body>'
L'elemento body contiene il contenuto del documento HTML, inclusi testo, immagini, collegamenti e altro.
Esempio di documento HTML
Ora, mettiamo tutto insieme in un esempio:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My HTML Document</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a simple example of an HTML document.</p>
<img src="example.jpg" alt="An example image">
<a href="https://www.example.com">Visit Example.com</a>
</body>
</html>In questo esempio, sostituisci "My HTML Document" con il titolo desiderato e regola di conseguenza il contenuto all'interno di '<body>'. La comprensione di questa struttura di base pone le basi per la creazione di pagine web ben organizzate e semanticamente significative.
Bonus: tag di chiusura
Quando si compone una pagina HTML è importante assicurarsi che tutti i tag siano chiusi correttamente, per evitare problemi di flusso della pagina e di rendering. Per aiutarti in questa attività, controlla il nostro Strumento di controllo tag HTML non chiusi per individuare problemi strutturali nel tuo codice HTML.