Concetti Chiave
- Una pagina HTML è strutturata in tre zone principali: visibile, non visibile e contenuto effettivo.
- I tag e sono essenziali per definire l'intestazione e il contenuto visibile della pagina.
- All'interno del tag , si possono inserire i titoli che appaiono nella barra del browser.
- I titoli in HTML possono essere creati utilizzando i tag
fino a
, con
come il più grande.
- Un esempio pratico di codice HTML mostra come impostare un'intestazione e diversi titoli sulla pagina.
Quando ci si avvicina per la prima volta all'HTML, la cosa fondamentale da imparare è innanzitutto come è strutturata una pagina.
Struttura di una pagina HTML
Una pagina standard è costituita da tre "zone" dove andiamo ad inserire il codice.
I tag e delimitano la pagina web vera e propria.
I tag e delimitano la parte non visibile all'utente.
I tag e delimitano la parte visibile dall'utente.
Intestazione e titoli in HTML
All'interno del tag head, possiamo scrivere i tag
Per scrivere dei titoli, dobbiamo innanzitutto collocarci all'interno dei tag
, dove possiamo scrivere vari tipi di titoli.
TESTO
è il titolo più grande, TESTO
è leggermente più piccolo, e così via, fino ad .
Esempio di codice HTML
Volendo creare una pagina web con intestazione "Pagina web - Titoli" e elencando tutti i vari titoli che si possono scrivere in HTML, dovremmo usare il seguente codice:
Ciao a tutti
Ciao a tutti
Ciao a tutti
La pagina che si andrebbe a visualizzare è quella raffigurata:
Domande da interrogazione
- Quali sono le tre zone principali di una pagina HTML?
- Dove si trova l'intestazione di una pagina HTML e come viene visualizzata?
- Come si scrivono i titoli in HTML e quali sono i tag utilizzati?
Una pagina HTML standard è composta da tre zone: la parte visibile all'utente, delimitata dai tag `<body>`, e la parte non visibile, delimitata dai tag `<head>`.
L'intestazione di una pagina HTML si trova all'interno del tag `<head>` e viene visualizzata in alto nel browser, corrispondente alla pagina visitata.
I titoli in HTML si scrivono all'interno dei tag `<h1>` fino a `<h6>`, dove `<h1>` rappresenta il titolo più grande e `<h6>` il più piccolo.