|
Cos'è HTML?
HTML, che sta per HyperText Markup Language, è il linguaggio di markup standard utilizzato per creare pagine web. Si tratta del fondamento di qualsiasi sito web. Senza HTML, una pagina web non esisterebbe. HTML definisce la struttura di una pagina web e dice al browser come e cosa visualizzare.
Struttura di base di un documento HTML
Un documento HTML ha una struttura specifica. Vediamo un esempio di base:
Ecco una spiegazione dei principali elementi:
-
<!DOCTYPE html>: Questo è il doctype. Informa il browser che il documento è un file HTML5. -
<html>: Questo è l’elemento radice di una pagina web. -
<head>: Contiene metadati sulla pagina, come il titolo del documento, i link ai fogli di stile CSS, i metatag e altro. -
<title>: Definisce il titolo del documento, che è visualizzato nella barra del titolo del browser o nella scheda della pagina. -
<body>: Contiene il contenuto principale del documento web, come testo, immagini, video, giochi, elementi di navigazione, ecc. -
<h1>: Questo è un elemento di intestazione. HTML offre sei livelli di intestazioni, da<h1>a<h6>.<h1>è l’intestazione di livello più alto e<h6>è quella di livello più basso. -
<p>: Questo è un elemento di paragrafo, che contiene un blocco di testo normale.
|
Elementi ed attributi HTML
Gli elementi HTML sono i mattoni fondamentali di qualsiasi pagina web. Ogni elemento HTML è definito da un tag di apertura e uno di chiusura. Ad esempio, l’elemento paragrafo è definito da <p> (tag di apertura) e </p> (tag di chiusura).
Gli attributi HTML forniscono informazioni aggiuntive sugli elementi. Si trovano sempre nel tag di apertura e di solito consistono in coppie di nomi e valori. Ad esempio, l’attributo href in un elemento <a> (che crea un collegamento) specifica l’URL della pagina a cui il collegamento dovrebbe andare.
|
HTML semantico
L’HTML semantico si riferisce all’uso degli elementi HTML per rinforzare il significato del contenuto in una pagina web, piuttosto che per il suo aspetto. Per esempio, l’elemento <header> è usato per contenere un gruppo di contenuti introduttivi o di navigazione.
Alcuni altri elementi semantici comuni includono <footer>, <article>, <section>, <nav>, <aside>. L’uso di HTML semantico aiuta a creare pagine web che sono più facilmente comprensibili sia per i browser che per i lettori di schermo.
