Ecco degli esercizi semplici con soluzione per praticare le basi sull’utilizzo del tag <p>
per creare paragrafi di testo in un documento HTML.
Esercizio 1
Crea un paragrafo di testo con una frase a tua scelta.
<!DOCTYPE html><html> <head> <title>Titolo della pagina</title> </head> <body> <p>Questo è un paragrafo di testo.</p> </body></html>
Esercizio 2
Crea un paragrafo di testo con un'intestazione di primo livello che precede il paragrafo.
<!DOCTYPE html><html> <head> <title>Titolo della pagina</title> </head> <body> <h1>Titolo della pagina</h1> <p>Questo è un paragrafo di testo.</p> </body></html>
Esercizio 3
Crea un paragrafo di testo con un'intestazione di secondo livello che segue il paragrafo.
<!DOCTYPE html><html> <head> <title>Titolo della pagina</title> </head> <body> <p>Questo è un paragrafo di testo.</p> <h2>Sottotitolo</h2> </body></html>
Esercizio 4
Crea un paragrafo di testo con un'intestazione di primo livello seguita da un'intestazione di secondo livello annidata al suo interno.
<!DOCTYPE html><html> <head> <title>Titolo della pagina</title> </head> <body> <h1>Titolo principale</h1> <h2>Sottotitolo</h2> <p>Questo è un paragrafo di testo.</p> </body></html>
Esercizio 5
Crea un paragrafo di testo con almeno tre intestazioni di diversi livelli a precederlo.
<!DOCTYPE html><html> <head> <title>Titolo della pagina</title> </head> <body> <h1>Titolo principale</h1> <h2>Sottotitolo</h2> <h3>Sottotitolo di secondo livello</h3> <p>Questo è un paragrafo di testo.</p> </body></html>
Esercizio 6
Crea un paragrafo di testo con un'intestazione di secondo livello e una citazione (``) all'interno del paragrafo.
<!DOCTYPE html><html><head> <title>Titolo della pagina</title></head><body> <h2>Titolo</h2> <p>Questo è un paragrafo di testo con una <blockquote>citazione</blockquote> al suo interno.</p></body></html>
Esercizio 7
Crea un paragrafo di testo con un'intestazione di primo livello e un link (a) al suo interno che punta a un'altra pagina web.
<!DOCTYPE html><html> <head> <title>Titolo della pagina</title> </head> <body> <h1><a href="https://www.example.com">Titolo del link</a></h1> <p>Questo è un paragrafo di testo.</p> </body></html>
Esercizio 8
Crea un paragrafo di testo con un'intestazione di primo livello e una parola in grassetto (``) all'interno del paragrafo.
<!DOCTYPE html><html> <head> <title>Titolo della pagina</title> </head> <body> <h1>Titolo principale</h1> <p>Questo è un paragrafo di <strong>testo in grassetto</strong>.</p> </body></html>