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

Programmazione

HTML: 10 cose da sapere

HTML è il principale linguaggio di pubblicazione di pagine Web. Grazie a questo tipo di linguaggio è possibile creare link tra le pagine, decidere l'importanza da assegnare ai testi, inserire immagini, e tanto altro ancora. La conoscenza dell'HTML è...
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 l'HTML5. Inizialmente HTML veniva usato per la creazione di siti web statici e anche molto spartani...
Programmazione

Guida HTML per creare una pagina web

Premessa: questa non vuole essere una Guida HTML completa, ma una semplice guida per creare la vostra prima pagina web. Per una guida completa vi invito a visitare la guida di HTML.it. HTML significa Hyper Text Markup Language, cioè linguaggio a marcatori...
Programmazione

Guida alle basi di Html

Oggi programmare è diventata una delle cose più importanti da saper fare. Infatti si è calcolato che la programmazione rispetto agli ultimi 10 anni è aumentata del 70% e la richiesta di giovani programmatori nel panorama lavorativo è anch'esso 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 utili allo scopo. Gli sviluppatori possono approfittare delle nuove caratteristiche, come la...
Programmazione

Guida: Programmare in HTML5

L'HTML5 è uno scripting-language usato esclusivamente per costruire pagine Internet. Universalmente diffuso e abbastanza semplice da imparare, consente di predisporre contenuti da esporre sul Web facilmente e dotati di caratteristiche anche sofisticate....
Programmazione

Come iniziare a programmare in HTML 5

Prima di iniziare è bene precisare che con la parola "programmare" riferita al linguaggio HTML 5 è usata in modo improprio. Infatti l'HTML serve a programmare poco e nulla, per le programmazioni e più utile usare i PHP, Javascript, asp ecc.Fatta questa...
Programmazione

Come creare un sito web in HTML5

L’ HTML5 è un insieme di tecnologie volte allo sviluppo e alla creazione di web application e pagine web. Le novità introdotte sono molteplici, che tendono a semplificare la creazione di un sito, utilizzando markup e semantica più facile. Uno tra...
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 »”.