Come utilizzare i codici di colore HTML

April 13

Come utilizzare i codici di colore HTML


Chi vuole un sito web in bianco e nero noioso? Imparare ad usare i codici di colore HTML non solo rende il vostro sito web un aspetto migliore, può aumentare le probabilità che i visitatori lo userà. codici di colore HTML possono essere utilizzati per la progettazione estetica e focalizzando l'attenzione del visitatore su ciò che si vuole loro di vedere.

istruzione

1 Aprire un grafico codice di colore HTML Web-safe ed esaminare i colori disponibili. Mentre la maggior parte dei computer in grado di visualizzare tutti i colori, utilizzando colori sicuri per il Web è solo una soluzione più accessibile. Inoltre, ci sono molti colori tra cui scegliere. Scegli i colori per il vostro progetto che corrispondono al tema e il design del tuo sito web. Una buona regola è quella di scegliere due colori gratuiti e un accento di colore. Un neutro come il nero, bianco, grigio o marrone è un'altra buona scelta.

2 Copiare i codici di colore HTML 6 caratteri per i colori che si desidera utilizzare sul vostro sito web. Essi comprendono i numeri 0, 3, 6 e 9, e le lettere C e F in varie combinazioni. Questi codici 6 caratteri saranno utilizzati nel codice HTML sito web dove si vuole creare un accento colorato.

3 Scegli un colore per essere lo sfondo del tuo sito web. Al fine di trasformare lo sfondo di questo colore, utilizzare il codice HTML "<body bgcolor =" # 336699 ">" e sostituire il codice a 6 caratteri con il codice colore desiderato. Poiché questo è il colore per l'intera pagina Web sfondo corpo, questo snippet di codice HTML sostituisce il "<body>" tag normale.

4 Cambiare il colore di qualsiasi testo, intestazioni o link sulla vostra pagina del sito includendo codici colore e il codice HTML corretto all'interno della pagina del codice del sito web. Qualsiasi testo può essere colorato aggiungendo l'attributo HTML "<font color =" # 336699 ">" per il codice. Ad esempio, per cambiare il colore di una grande voce, è sufficiente aggiungere "<h1> <font color =" # 336699 "> Intestazione </ font> </ h1>" al codice del sito web.

5 Cambiare il colore di tutti i titoli sul tuo sito web utilizzando i fogli di stile a cascata (CSS), invece. Utilizzare il codice il codice "h1 {color: # 336699;}" tra la "<head>" e "</ head>" tag nel codice del sito web. Ogni volta che si codifica un "<h1>" nel vostro sito web, sarà quel colore. CSS è il metodo standard di siti web per lo styling. E rende anche più facile per entrare e apportare modifiche se si vuole ridisegnare.

6 Cambiare il colore dei tipi di carattere, link e altre cose a CSS. Utilizzare la "p {color: # 336699;}" CSS frammento di codice per i caratteri. Il codice HTML per ogni blocco di testo deve essere delimitata dalle "<p>" e "</ p>" tag. colori dei collegamenti possono essere modificati utilizzando un "{color: # 336699;}" e la variabile "<a href>" nel codice HTML sito web. Altri tag HTML, come i bordi dell'immagine, regole orizzontali e celle di tabelle possono anche essere modificati utilizzando la base "{color: # 336699;}" frammento di codice CSS.

Consigli e avvertenze

  • Abbinare i colori al tema del tuo sito web: verde per il giardinaggio, tinte pastello per i bambini.
  • CSS è il metodo preferito di aggiungere colore al tuo sito web con codici di colore HTML.
  • Scegli tre o quattro colori solo per evitare di fare il vostro sito web apparire di cattivo gusto.
  • Tenete a mente che i tag nei passaggi precedenti sono tra virgolette a fini di chiarezza. Quando si inserisce il codice per il codice HTML, non usare le virgolette che si trovano intorno alla parte esterna dei tag.