Nwlapcug.com


Come cambiare il colore del tipo di carattere con codice HTML

Come cambiare il colore del tipo di carattere con codice HTML


Hypertext Markup Language, o HTML, è il linguaggio di programmazione in che pagine Web sono scritte..--i browser codice leggere e interpretano per visualizzare le pagine. Originariamente, HTML permesso al programmatore di impostare il colore dei font nelle sue pagine con un tag < font >, che è ancora supportato da molti browser a partire da marzo 2011, ma in gran parte è stata gradualmente eliminata in favore di tag di "stile", parte del più grande movimento di HTML verso specificare formattazione tramite fogli di stile o CSS. Indipendentemente dal metodo che si utilizza, ci sono più opzioni per specificare il colore del font.

Istruzioni

1

Aprire il file HTML della pagina che si desidera modificare..--è possibile farlo con qualsiasi editor di testo, tra cui blocco note di Windows e TextEdit di Mac OS x.

2

Individuare la sezione del testo di cui si desidera modificare il colore. Vedi se è tra i tag font, in questo modo:

< dimensione carattere = + 2 >

Ecco il testo.

< / font >

O semplicemente tra i tag di paragrafo, in questo modo:

< p >

Ecco il testo.

</p >

Se non è all'interno di un < font >... < / font > o < p >... </p > struttura..--o se stai scrivendo questo codice da zero..--è necessario creare i tag di voi stessi. Si noti che molti attributi del tag < font > sono progressivamente fuori HTML, quindi è meglio utilizzare un attributo di "stile" CSS all'interno di un tag < p >.

3

Aggiungere un attributo di "stile" nel tag di apertura < p > o modificarlo se è già presente. La sezione di testo dovrebbe essere simile a questo:

< p stile = "colore: rosso" >

Ecco qualche testo di colore rosso.

</p >

L'attributo di "stile" può contenere molte impostazioni, ma siamo solo interessati qui in "colore". Ci sono in realtà tre modi per indicare il colore--con il nome di testo del colore, con il codice esadecimale del colore o con la tripletta di rosso, verde e blu del colore. Ad esempio, tutti e tre questi tag producono lo stesso colore:

< p stile = "colore: rosso" >

< p stile = "color: ff0000" >

< p style="color:rgb(255,0,0)" >

Che denota colori in esadecimale o con triplette RGB consente un controllo più preciso sul colore (Vedi risorse).

4

Controllare il colore di un intero stile, uno è possibile utilizzare in tutto il documento senza dover specificare nuovamente il colore ogni volta che, con l'inserimento di tag nella parte superiore del documento. Per esempio, se il testo che si desidera modificare è all'interno di un tag di paragrafo classificati, in questo modo:

< classe p = "redtext" >

Ecco qualche testo di colore rosso.

</p >

o all'interno di un tag di intestazione, in questo modo:

< h1 > qui è qualche testo di intestazione. Rendiamolo blu. < / h1 >

poi può definire il colore e altri attributi dei paragrafi "redtext" o H1 intestazioni modificando l'intestazione del tag HTML, che viene visualizzata nella parte superiore del file HTML, tra < head >... < / head > Tag..--con il codice alla ricerca di qualcosa di simile:

< head >

< style type = "text/css" >

p.RedText {color: red;}

H1 {color: blue;}

< / stile >

< / head >

È anche possibile utilizzare un tag < style > nell'intestazione per cambiare il colore di tutto il testo in un documento tranne il testo che specificamente è impostato su un altro colore:

< head >

< style type = "text/css" >

body {color: red;}

< / stile >

< / head >

Questo codice imposta tutto il testo che viene visualizzato tra le file < body >... < / body > tag venga visualizzato in rosso, a meno che le impostazioni di stile o colore dicono a comportarsi diversamente. Impostazione dei tag di stile nell'intestazione può sembrare più lavoro..--e nell'esempio precedente, che non imposta gli attributi di stile ad eccezione del colore, è..--ma rende il corpo del codice HTML del file molto più ordinato e più facile per gli esseri umani a leggere, e può in realtà significa molto meno lavoro se si utilizzano molti stili differenti con molti attributi diversi.

Consigli & Avvertenze

  • Si noti che "a capo"..--quelli tutti questi esempi di rottura in più righe..--non hanno alcun effetto reale in HTML e vengono qui utilizzati solo per rendere il codice più facile da leggere. I browser interpreterà il codice altrettanto bene se tutto nel file è su un'unica riga.
  • Come accennato nel passaggio 2, file HTML più vecchi possono specificare colore con tag < font > anziché il tag < p stile >. Questo metodo non è consigliato, ma se lo si utilizza, è possibile scegliere colori con gli stessi tre metodi come prima, in un formato leggermente diverso-- < colore del carattere = "red" >, < colore del carattere = "ff0000" > o < font color="rgb(255,0,0)" >.