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

Assicurati di avere a portata di mano:
  • 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

Internet

Come personalizzare il blog su Tumblr

Tumblr, una piattaforma indicata come micro blogging popolare, offre ai suoi utenti una vasta gamma di opzioni per la creazione di un blog completamente personalizzato ...
Programmazione

Come leggere un file Hex

Il programma di Intel Hex crea file in formato Hex, utilissimo per i programmatori. I file Hex sono scritti come valori esadecimali. Utilizzano 16 simboli ...
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 ...
Programmazione

Come creare immagini vettoriali SVG con HTML5

In questa guida vedremo come creare immagini vettoriali SVG con HTML5. Molti browser Internet, tra cui Microsoft Internet Explorer 9 e il supporto HTML5 sono ...
Windows

Come impostare Google Calendar come sfondo del desktop

Può sempre tornare utile avere un calendario a portata di mano su cui consultare i propri impegni o avvenimenti importanti della propria vita. Google Calendar ...
Programmazione

Come aggiungere effetti alla pagina Html

I siti web abilmente progettati con effetti accuratamente selezionati non sono solo belli da vedere, ma sono anche funzionali e migliorano l'esperienza dell'utente ...
Sicurezza

Come verificare la presenza di virus negli allegati delle email

La posta elettronica, o email, è uno strumento molto pratico per poter inviare o ricevere in tempo reale documenti e files importanti. Ormai tutti possiedono ...
Internet

Come inserire degli elementi decorativi HTML di Outlook 2007 nei messaggi di posta elettronica

Molti noi quando utilizzano la posta elettronica, lo fanno attraverso il programma di Microsoft Office Outlook 2007, in questo caso è possibile inserire nei propri ...
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 ...
Software

Come creare una firma digitale

In una società caratterizzata dalla celerità delle azioni per mezzo dell'utilizzo del web in costante aumento, è necessario avere un modo per poter validare ...
Windows

Come Salvare Una Tabella Pivot In Formato Html

Le tabelle sono delle composizioni grafiche che si rivelano sempre molto utili, sia quando si devono pubblicare, sulla rete aziendale o su Internet, i risultati ...
Internet

Come creare un modulo Drupal

Per creare un semplice modulo in Drupal basterà seguire poche, semplici ma necessarie regole, senza dover essere degli esperti smanettoni. Quella del “come si crea ...
Internet

Come creare un sito di e-commerce

Ormai il web è pieno di siti dove poter trovare ciò che si cerca, ma alcune volte possiamo comunque avere delle buone idee e dare ...
Internet

Come creare un form in HTML

Il linguaggio di programmazione maggiormente adoperato è sicuramente l'HyperText Markup Language (HTML). Per formare un'interfaccia ...
Programmazione

Come creare animazioni con HTML5

Dalla sua nascita, il linguaggio HTML ha subito diverse modifiche e miglioramenti che, col passare del tempo, l'hanno portato alla sua ultima versione: ovvero ...
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 ...
Internet

Come inserire in Thunderbird una firma in html

Ognuno di noi vorrebbe rendere speciali i suoi messaggi, da ora si può firmando ogni nostra mail grazie a Thunderbird. È un simpatico sistema di ...
Internet

Come convertire un template PSD in HTML

Nel campo del web design i template sono dei file che contengono la formattazione base di un sito e quindi comprendono: sfondo, tipo di carattere ...
Internet

Come ottenere icone, pulsanti e widget del proprio profilo su Twitter

Uno dei social network più noti ed usati, secondo solo a Fecebook, è Twitter. La sua caratteristica peculiare è che permette di inviare brevi messaggi ...
Windows

Come cambiare sfondo dello Start Metro di Windows 8/8.1

Ora ci andremo a occupare di sfondi sui vari dispositivi, pc, smartphone e tablet. Infatti, come indicatovi nel titolo della guida, andremo a spiegarvi in ...
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»”.