📢 Nuovo Corso Laravel API disponibile!

Esercizi Intestazioni HTML

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>