Come utilizzare i codici colore HTML

Aggiungere colori al design del tuo sito web è facile con i codici colore HTML.

Apri una tabella dei codici colore HTML sicura per il Web ed esamina i colori disponibili. Sebbene la maggior parte dei computer sia in grado di visualizzare qualsiasi colore, l'utilizzo dei soli colori sicuri per il Web è un'opzione più accessibile. Inoltre, ci sono molti colori tra cui scegliere. Scegli i colori per il tuo progetto che corrispondono al tema e al design del tuo sito web. Una buona regola empirica è quella di scegliere due colori complementari e un colore d'accento. Un neutro come nero, bianco, grigio o marrone chiaro è un'altra buona scelta.

Copia i codici colore HTML di 6 caratteri per i colori che desideri utilizzare sul tuo sito web. Questi sono costituiti dai numeri 0, 3, 6 e 9 e dalle lettere C e F in varie combinazioni. Questi codici di 6 caratteri verranno utilizzati nel codice del tuo sito Web HTML ovunque desideri creare un accento colorato.

Scegli un colore come sfondo del tuo sito web. Per cambiare lo sfondo di questo colore, usa il codice HTML "

" e sostituisci il codice a 6 caratteri con il codice colore desiderato. Poiché questo è il colore per l'intero sfondo del corpo della pagina Web, questo frammento di codice HTML sostituisce il normale "" etichetta.

Cambia il colore di qualsiasi testo, intestazione o link sulla pagina del tuo sito web includendo i codici colore e il codice HTML corretto all'interno della pagina del codice del tuo sito web. Qualsiasi testo può essere colorato aggiungendo l'attributo HTML "" al cod. Ad esempio, per cambiare il colore di un'intestazione grande, aggiungi semplicemente "

Intestazione

" al codice del tuo sito web.

Cambia il colore di tutte le intestazioni sul tuo sito web utilizzando invece i fogli di stile a cascata (CSS). Usa il codice il codice "h1 {color:#336699;}" tra il "

" e "" tag nel codice del tuo sito web. Ogni volta che si codifica un "

" nel tuo sito web, sarà di quel colore. CSS è il metodo standard per lo styling dei siti web. Rende anche più facile entrare e apportare modifiche se si desidera riprogettare.

Cambia il colore dei tuoi caratteri, link e altre cose nei CSS. Usa lo snippet di codice CSS "p {color:#336699;}" per i caratteri. L'HTML per ogni blocco di testo deve essere delimitato dal "

" e "

" tag. I colori dei collegamenti possono essere modificati utilizzando un "{color:#336699;}" e il "" tag nel codice HTML del tuo sito web. È inoltre possibile modificare altri tag HTML, come i bordi dell'immagine, le regole orizzontali e le celle della tabella, utilizzando lo snippet di codice CSS di base "{color:#336699;}".