Esercizi Entità HTML

Codegrind Team•Jul 16 2023

Ecco degli esercizi semplici con soluzione per praticare le basi sull’utilizzo delle entità in HTML per mandare a schermo simboli di diverso genere come © oppure ™.

Esercizio 1

Crea uno spazio tra due parole.

<!DOCTYPE html>
<html>
  <head>
    <title>Esercizio 1</title>
  </head>
  <body>
    <p>Prima&nbsp;Parola</p>
  </body>
</html>

Esercizio 2

Inserisci il simbolo del copyright.

<!DOCTYPE html>
<html>
  <head>
    <title>Esercizio 2</title>
  </head>
  <body>
    <p>Tutti i diritti sono riservati &copy; 2023</p>
  </body>
</html>

Esercizio 3

Inserisci il simbolo del marchio registrato.

<!DOCTYPE html>
<html>
  <head>
    <title>Esercizio 3</title>
  </head>
  <body>
    <p>Nome del prodotto&trade;</p>
  </body>
</html>

Esercizio 4

Inserisci il simbolo dell'euro.

<!DOCTYPE html>
<html>
  <head>
    <title>Esercizio 4</title>
  </head>
  <body>
    <p>Prezzo: &euro;19.99</p>
  </body>
</html>

Esercizio 5

Inserisci i simboli < e >.

<!DOCTYPE html>
<html>
  <head>
    <title>Esercizio 5</title>
  </head>
  <body>
    <p>Questo è un esempio di utilizzo dei simboli &lt; e &gt;</p>
  </body>
</html>

Esercizio 6

Inserisci i segni di citazione a doppio apice.

<!DOCTYPE html>
<html>
  <head>
    <title>Esercizio 6</title>
  </head>
  <body>
    <p>&ldquo;Questo è un esempio di citazione&rdquo;</p>
  </body>
</html>

Esercizio 7

Inserisci un trattino lungo come separatore.

<!DOCTYPE html>
<html>
  <head>
    <title>Esercizio 7</title>
  </head>
  <body>
    <p>Il testo viene separato da un trattino lungo &mdash; esempio.</p>
  </body>
</html>

Esercizio 8

Inserisci il simbolo della frazione 1/2.

<!DOCTYPE html>
<html>
  <head>
    <title>Esercizio 8</title>
  </head>
  <body>
    <p>La metà &frac12; del valore.</p>
  </body>
</html>

Esercizio 9

Inserisci l'esponente 2.

<!DOCTYPE html>
<html>
  <head>
    <title>Esercizio 9</title>
  </head>
  <body>
    <p>x&sup2; + y&sup2; = z&sup2;</p>
  </body>
</html>

Esercizio 10

Inserisci il simbolo dell'omega.

<!DOCTYPE html>
<html>
  <head>
    <title>Esercizio 10</title>
  </head>
  <body>
    <p>Simbolo dell'omega: &Omega;</p>
  </body>
</html>