Concetti Chiave

  • To change the color of a paragraph in HTML, use the style attribute within the opening

    tag.

  • Colors can be specified using hexadecimal codes, RGB codes, or English color names.
  • Different methods of specifying colors can result in different shades, even if they appear similar.
  • For example, "color:green" differs from "color:#00ff00" in shade, while "rgb(0,255,0)" and "#00ff00" are equivalent.
  • To display text in red, use any of the following: "color:red", "color:#ff0000", or "color:rgb(255,0,0)".

HTML - Colore di un paragrafo

In HTML, sappiamo che il contenuto, cioè il testo, di un paragrafo, si trova compreso tra due tag:

e

; rispettivamente, uno apre lo spazio dedicato al paragrafo e un altro tag lo chiude.
Se all'interno di p non specifichiamo nulla e scriviamo soltanto

Viva Skuola.net

, visualizzeremmo:

Viva Skuola.net

. In realtà c'è la possibilità di cambiare il colore a tale paragrafo.
Bisogna scrivere, nel tag di apertura

, l'attributo style, e successivamente specificare che vogliamo cambiare il colore del paragrafo.
Possiamo esprimere il colore in 3 modi diversi:

  • Codice esadecimale;
  • Codice RGB;
  • Semplicemente col nome del colore in inglese.
Ricordiamo però che non è la stessa cosa scrivere color:green oppure color:#00ff00, in quanto le tonalità dei due colori sono diverse. Le tonalità uguali sono per esempio rgb(0,255,0) e #00ff00; infatti FF è la conversione in esadecimale di 255.
Ora, se volessimo scrivere Viva Skuola.net in rosso, bisognerebbe scrivere:

Viva Skuola.net

oppure

Viva Skuola.net

oppure

Viva Skuola.net

.
Ciò che si andrebbe a visualizzare sarà:

Viva Skuola.net

Sintassi corretta:

Testo del tuo paragrafo

Domande da interrogazione

  1. Come si può cambiare il colore di un paragrafo in HTML?
  2. Per cambiare il colore di un paragrafo in HTML, si utilizza l'attributo "style" nel tag di apertura <p>, specificando il colore desiderato tramite codice esadecimale, codice RGB o il nome del colore in inglese.

Domande e risposte

Hai bisogno di aiuto?
Chiedi alla community