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 usato come principale linguaggio e metodo per la creazione di siti web, e durante gli anni è stato migliorato ed implementato diverse volte con versioni sempre più aggiornate, risolvendo alcuni problemi legati alle versioni precedenti.
In questo articolo vedremo come impostare il colore di sfondo di molti elementi di una pagina Web. Si inizierà ad esaminare il metodo per la pagina principale, per poi proseguire allo sfondo di tabelle e di altri oggetti. Il metodo è estremamente semplice e alla portata di tutti. Vediamo quindi come farlo nella maniera più semplice e veloce possibile con pochi e semplici passaggi.

25

Occorrente

Assicurati di avere a portata di mano:
  • Editor testuale (blocco note o Notepad++)
35

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. In questo ultimo caso, il colore è rappresentato da 3 doppietti esadecimali, che evidenziano rispettivamente le tonalità di rosso, di verde e di blu (RGB). Un esempio di uso di colore specifico è il seguente:

mentre per creare una pagina con uno sfondo verde, utilizzando il colore esadecimale, si deve scrivere il seguente tag:
.

45

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.

Continua la lettura
55

La stessa codifica è utilizzata per colorare altri elementi, in una pagina HTML. Una procedura di questo tipo è ampiamente utilizzata per impostare il colore di sfondo nelle tabelle (che utilizzano il tag). In una tabella, il programmatore può decidere se colorare lo sfondo dell'intera tabella, oppure di una intera riga oppure ancora di una specifica cella. Un esempio per colorare l'intera tabella di rosso è il seguente:
.
Per definire il colore in una riga, occorre specificare il relativo attributo nel tag. Il seguente codice colora di giallo lo sfondo di una intera riga della tabella:
.
Infine la seguente codifica imposta il colore di sfondo di una singola cella:
.
Si tratta, quindi, 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:
1) Può usare un qualsiasi programma di grafica e fotoritocco che, di ogni colore, fornisca il relativo codice esadecimale HTML;
2) 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.
Cambiare colore di sfondo con i linguaggio HTML non è difficile, basterà seguire le istruzioni di questa guida, anche se, per la creazione e l'impaginazione delle pagine e per una corretta formattazione è meglio avvalersi delle tabelle CSS, che servono proprio a stabilire degli stili per ogni pagina.
Non mi resta che augurarvi buon divertimento.
Alla prossima.

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

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 effettuare un redirect in HTML

Esistono diversi modi per effettuare il redirect, ovvero per reindirizzare l'utente verso un'altra pagina web. Di seguito verrà spiegato il redirect tramite l ...
Programmazione

Creare una tabella dinamica parametrizzata in Jquery

Spesso capita di dover inserire una tabella nelle pagine web. In alcuni casi questo è un problema perché richiede un lungo procedimento. La soluzione è ...
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 centrare pagina html

L'Html è il linguaggio di formattazione che descrive come impaginare o visualizzare un contenuto di una pagina con dei tag di formattazione. L'Html ...
Software

Come iniziare ad utilizzare Adobe Dreamweaver

Adobe Dreamweaver è un programma utilizzato per la progettazione di siti web che consente di creare siti internet dall'aspetto molto professionale. Dreamweaver offre una ...
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 ...
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 ...
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 creare un form in HTML

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

Come mandare una mail in PHP

Mandare un mail in PHP per un programmatore abbastanza pratico del linguaggio in Html è molto semplice e intuitivo, essendo presente la funzione mail apposita ...
Windows

Come Inserire I Tag Nelle Pagine Del Proprio Sito Fatto Con WYSIWYG Web Builder

Wysiwyg Web Builder è un software adatto alla costruzione di siti web, e che, nonostante il suo costo abbastanza basso, è paragonabile a altri programmi ...
Windows

Come Impostare Lo Sfondo Con Acrobat Reader Professional

Tra i programmi che servono appositamente a leggere i file che vengono realizzati in formato PDF, Acrobat Reader Professional è sicuramente uno dei più utilizzati ...
Programmazione

Come realizzare un sito usando Java

Con la navigazione in internet si possono visitare di continuo delle serie infinite di siti e pagine. Tanti utenti, per varie necessità, hanno infatti bisogno ...
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 ...
Internet

Come centrare un'immagine HTML

Se avete un sito web o un blog e quindi volete inserire delle immagini html ma non sapete come fare e sopratutto non conoscete le ...
Windows

Come aggiungere record ad una tabella utilizzando una query

Consideriamo di avere un database Oracle contenente diverse tabelle, e immaginiamo dia vere la necessità di aggiungere una riga ad una tabella qualsiasi. Vediamo Come ...
Internet

Come centrare una pagina html

Hai creato un sito web o una pagina di un blog e il testo non vuole saperne di stare al centro della pagina? Le immagini ...
Software

Come impaginare un Menu con Microsoft World

Microsoft office è un pacchetto molto utile per lavorare con il proprio PC. Uno degli strumenti più in uso è sicuramente Microsoft World, molto utile ...
Windows

Come creare una tabella con Excel

Microsoft Excel, fa parte della collezione di programmi messi a disposizione dalla Microsoft, nella suite di programmi denominata "Microsoft Office". Tra i programmi del pacchetto ...
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»”.