🚀 Nuova versione beta disponibile! Feedback o problemi? Contattaci

Esercizi Intestazioni HTML

Codegrind Team•Jul 16 2023

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