HTML: impostare il colore di sfondo

tramite: O2O
Difficoltà: facile
15

Introduzione

L' html è un potente linguaggio testuale che serve per la creazione di pagine Web. Nato moltissimi anni fa, viene ancora oggi utilizzato come principale linguaggio e metodo per la creazione di siti web, durante gli anni è stato inoltre migliorato innumerevoli volte con versioni sempre più aggiornate, risolvendo alcuni problemi legati alle versioni precedenti.
In questa guida dunque vedremo come impostare il colore di sfondo di molti elementi di una pagina Web con un metodo estremamente semplice e alla portata di tutti.

25

Occorrente

  • Editor testuale (blocco note o Notepad++)
35

Stabilire tonalità RGB

Per stabilire, in HTML, il colore di sfondo della pagine si utilizza l'attributo "bgcolor" appartenente al tag. Si possono scegliere due strade diverse: si può fornire direttamente il colore in lingua inglese oppure specificarlo in notazione esadecimale (rgb: 255,255,255). In questo ultimo caso quindi, il colore è rappresentato da 3 doppietti esadecimali, che evidenziano rispettivamente le tonalità di rosso, di verde e di blu (RGB) e attraverso il quale è possibile ottenere diversi colori.
.

45

Trascrivere in notazione esadecimale

Nella sintassi esadecimale, il simbolo cancelletto (#) è utilizzato per indicare, appunto, una notazione esadecimale, che usa i numeri da 0 a 9 e le lettere da A ad F. Nell'esempio di colore "#A2B5FF", i primi due caratteri (A2) specificano la quantità di rosso, il terzo e quarto carattere (B5) indicano la quantità di verde e il quinto e sesto carattere (FF) indicano la quantità di blu. La stessa codifica è utilizzata per colorare altri elementi di una pagina HTML, è possibile infatti impostare il colore di sfondo nelle tabelle o nelle caselle di testo (che utilizzano appunto il tag).

Continua la lettura
55

Ricercare il codice html

In una tabella, il programmatore può decidere se colorare l'intero sfondo, oppure un'intera riga oppure ancora una specifica cella.
Si tratta di applicare il colore a qualsiasi elemento HTML che abbia la possibilità di essere sottoposto a tale operazione. Con una buona dose di esperienza, il programmatore può risalire facilmente, in modo mentale, ai colori e alla loro creazione. Per chi, invece, ha difficoltà di impostare un colore desiderato, esistono almeno due strade diverse, che facilitano questa operazione: Può usare un qualsiasi programma di grafica e fotoritocco che, di ogni colore, fornisca il relativo codice esadecimale HTML, o in alternativa utilizzare uno dei tanti servizi su Internet che invitano l'utente a cliccare su un determinato colore, per poi ricevere, in output, direttamente la codifica esadecimale del colore prescelto.

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Mac

Come Utilizzare Digitalcolor Meter Sul Mac

Il Mac è un particolarissimo computer prodotto dalla Apple che a differenza degli altri computer, monta un sistema operativo proprietario chiamato Mac OS che risulta molto differente rispetto al famoso Windows. Per questo motivo se siamo abituati ad...
Elettronica

Programmazione base con PIC

Il microcontrollore esegue il programma caricato nella sua Flash memoria. È' un codice eseguibile che consiste in un apparentemente e bizzarra sequenza di zero e uno. A seconda dell'architettura del microcontrollore, il codice binario è organizzato...
Internet

Come personalizzare la pagina di login di Facebook con FB Refresh

FB Refresh è un'estensione di Google Chrome che permette di personalizzare la pagina di login di Facebook: attraverso di esso si possono cambiare lo sfondo della pagina, il colore delle textbox e delle label ed inoltre sono disponibili due versioni del...
Windows

Come inserire nel desktop le cartelle del gruppo "Raccolte" di Windows 7

L'evoluzione tecnologica ci permette ormai, tramite un semplice personal computer, di archiviare ogni documentazione ci possa occorrere. Da quelle personali, a quelle relative agli studi o al lavoro Oppure, più semplicemente, quelle informative. Ogni...
Internet

Come creare testi 3d animati con Make 3D Text

Make 3D Text è un ottimo strumento online gratuito per realizzare velocemente, e in soli 5 passaggi, testi animati in formato gif da inserire in modo opportuno nella pagina web del proprio sito o blog. È appositamente studiato per creare immagini come...
Hardware

Come installare un Waterblock Cpu

Le istruzioni del sistema di raffreddamento a liquido, di montaggio riportate nel manuale di istallazione, spesso non sono troppo chiare, perciò vediamo insieme in brevi passi come montare ed installare il dispositivo correttamente. La quasi totalità...
Windows

Come confrontare due documenti di testo evidenziandone le differenze

Molto spesso risulta utile avere a disposizione uno strumento in grado di evidenziare in modo automatico tutte le differenze esistenti fra due documenti di testo. Tuttavia può succedere che due documenti di testo che all'apparenza sembrano uguali presentino...
Sicurezza

Come impedire l'utilizzo e la scrittura di dispositivi usb

Abbiamo un PC che viene utilizzato da più persone e nel pc abbiamo dei file importanti che non vogliamo vengano copiati? Oppure non vogliamo che ci venga infettato da virus da qualcuno che lo utilizza? In questa guida vi spiegherò come impedire l'utilizzo...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.