Programmazione Web » Html » Formattare diversamente una parte di un paragrafo: il tag span
Formattare diversamente una parte di un paragrafo: il tag span
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 987 volte
Il tag span ci permette di indicare dove vogliamo che venga applicato un nuovo stile all'interno di un paragrafo.
Supponiamo di avere un paragrafo così composto:
"Ciao a tutti, questo è il mio paragrafo. La parte in rosso è stata realizzata con lo <span></span> dell'Html."
Vogliamo che "La parte in rosso" sia scritta appunto in rosso e che il resto del paragrafo abbia le sue proprietà stabilite nello stile Css. Vediamo come fare:
<html>
<head>
<title>Uso dello span</title>
<style>
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
}
.rosso {
color: #FF0000;
}
</style>
</head>
<body>
<p>Ciao a tutti, questo è il mio paragrafo. <span class="rosso">La parte in rosso</span> è stata realizzata con lo <span></span> dell'Html.</p>
</body>
</html>
Niente di più semplice... Come avete potuto notare abbiamo assegnato uno stile per l'elemento p e abbiamo creato una classe '.rosso' per assegnare il colore rosso al testo.
Bisogna sapere inoltre che il tag <span> eredita le caratteristiche dal tag <p> e che quindi nella classe definita per lo span (rosso) vanno indicati solo i valori da cambiare; possiamo notare infatti come vengono ereditati font-family e font-size, al contrario di color le cui proprietà sono specificate a parte.
Aggiungi questo tutorial ai preferiti
