Esercizi Paragrafi HTML

Codegrind Team•Jul 16 2023

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>