È uscito il Corso Java Completo — usa il coupon JAVA2026 (fino al 30 giugno)

Esercizi Intestazioni HTML

Edoardo Midali
Edoardo Midali

Ecco degli esercizi semplici con soluzione per praticare le basi sull’uso dei tag per le intestazioni in HTML. Parliamo quindi degli elementi <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.

Esercizio 1

Crea un'intestazione di primo livello con un titolo a tua scelta. 
<!DOCTYPE html>
<html>
  <head>
    <title>Titolo della pagina</title>
  </head>
  <body>
    <h1>Benvenuti nel mio sito web</h1>
  </body>
</html>

Esercizio 2

Crea un'intestazione di secondo livello con un titolo a tua scelta. 
<!DOCTYPE html>
<html>
  <head>
    <title>Titolo della pagina</title>
  </head>
  <body>
    <h2>Informazioni di contatto</h2>
  </body>
</html>

Esercizio 3

Crea un'intestazione di terzo livello con un titolo a tua scelta. 
<!DOCTYPE html>
<html>
  <head>
    <title>Titolo della pagina</title>
  </head>
  <body>
    <h3>Istruzioni per l'utilizzo del servizio</h3>
  </body>
</html>

Esercizio 4

Crea un'intestazione di quarto livello con un titolo a tua scelta. 
<!DOCTYPE html>
<html>
  <head>
    <title>Titolo della pagina</title>
  </head>
  <body>
    <h4>Dettagli dell'ordine</h4>
  </body>
</html>

Esercizio 5

Crea un'intestazione di quinto livello con un titolo a tua scelta. 
<!DOCTYPE html>
<html>
  <head>
    <title>Titolo della pagina</title>
  </head>
  <body>
    <h5>Informazioni di spedizione</h5>
  </body>
</html>

Esercizio 6

Crea un'intestazione di sesto livello con un titolo a tua scelta. 
<!DOCTYPE html>
<html>
  <head>
    <title>Titolo della pagina</title>
  </head>
  <body>
    <h6>Note importanti</h6>
  </body>
</html>

Esercizio 7

Crea un'intestazione di primo livello con un titolo principale e una intestazione di secondo livello con un sottotitolo all'interno dell'intestazione di primo livello. 
<!DOCTYPE html>
<html>
  <head>
    <title>Titolo della pagina</title>
  </head>
  <body>
    <h1>Benvenuti nel mio sito web</h1>
    <h2>Scopri le ultime novità</h2>
  </body>
</html>

Esercizio 8

Crea un'intestazione di secondo livello che contenga un carattere speciale, ad esempio il simbolo "©" per il copyright. 
<!DOCTYPE html>
<html>
  <head>
    <title>Titolo della pagina</title>
  </head>
  <body>
    <h2>&copy; 2023 Nome del tuo sito</h2>
  </body>
</html>

Esercizio 9

Crea un'intestazione di terzo livello che funzioni come un link a un'altra pagina web. 
<!DOCTYPE html>
<html>
  <head>
    <title>Titolo della pagina</title>
  </head>
  <body>
    <h3><a href="https://www.example.com">Visita il nostro sito partner</a></h3>
  </body>
</html>
SuccessivoParagrafi