Come aggiungere codici colore HTML in testo

November 26

Come aggiungere codici colore HTML in testo


Quando si effettua un sito web, il colore è una considerazione importante. A meno che non si lascia lo sfondo grigio standard o bianco, il testo può avere bisogno di essere di un colore diverso dal nero per essere leggibile o semplicemente per adattarsi meglio con schema di colore generale del tuo sito. Fortunatamente, anche se si codifica il sito a mano, l'aggiunta di un nuovo codice di colore Hypertext Markup Language ad un blocco di testo è un processo piuttosto indolore che richiede solo una piccola quantità di codice HTML in più per compiere.

istruzione

1 Digitare i tag di paragrafo per il testo che si desidera includere nel documento. Questi tag devono essere uno accanto all'altro inizialmente, perché saranno circondare solo il testo. Pertanto, si dovrebbe guardare in questo modo: <p> </ p>.

2 Digitare il testo che si desidera colorare. Questo testo dovrebbe essere tra la parentesi di chiusura del primo tag di paragrafo e la staffa della seconda apertura: <p> testo </ p>.

3 Aggiungere il seguente codice al primo tag di paragrafo tra la "p" e la parentesi di chiusura: style = "color:". Assicurati di includere uno spazio tra la "p" e il nuovo codice.

4 Aggiungere il colore si desidera che il testo sia nel nuovo codice, ponendolo tra i due punti e la seconda virgoletta. Non è necessario aggiungere uno spazio. Ci sono tre modi standard per fare questo: Se si vuole rendere il testo un colore di base, spesso è possibile semplicemente digitare il nome del colore. codici di colore si possono trovare on-line su siti come W3Schools. Se si desidera far corrispondere una tonalità specifica, è possibile digitare sia il codice esadecimale del colore, che è un segno # seguito da un codice di sei caratteri. In alternativa, è possibile utilizzare un valore di rosso-verde-blu utilizzando il codice RGB (0,0,0), con gli zeri sostituite da rosso, verde, blu i valori del colore, rispettivamente. Quale di queste due opzioni è meglio per voi dipende da quale avete o sono più a suo agio con l'utilizzo. Alcuni strumenti on-line generano entrambi i codici esadecimali e valori RGB per ogni colore, compreso il sito web 2CreateAWebSite. I seguenti tre esempi risultato in rosso identico: <p style = "color: red"> testo </ p> <p style = "color: # FF0000"> testo </ p> <p style = "color: rgb ( 255,0,0) "> testo </ p>.

Consigli e avvertenze

  • Un altro modo per il testo di colore che utilizzate per essere comune è stato quello di digitare il seguente per la prima tag di paragrafo: <p color = "">. Questo metodo viene sottoposto a transizione fuori uso e non sarà più supportato.