Lo sfondo della pagina può essere impostato tramite HTML e CSS specificando le opportune direttive nel codice sorgente del documento. Gli attributi utilizzati nei linguaggi di markup sono supportati dalla maggior parte dei browser moderni e verranno visualizzati correttamente su quasi tutti i visitatori del tuo sito.
Parametro di sfondo
Apri il file della tua pagina HTML per la modifica nell'editor che stai utilizzando. Per fare ciò, puoi fare clic con il pulsante destro del mouse sul documento e selezionare la sezione "Apri con".
La struttura di un file HTML è una serie di descrittori di vari livelli e scopi. Il codice della pagina di solito inizia con un tag. Questo è solitamente seguito da una sezione che contiene il titolo della pagina e il codice CSS. Dopo la chiusura del descrittore, inizia il corpo della pagina. L'attributo per l'impostazione dell'immagine di sfondo della pagina è impostato come parametro di sfondo aggiuntivo per questo tag. Il codice per creare lo sfondo della pagina sarà simile a questo:
In questo caso, il percorso dell'immagine può essere un URL (che inizia con https://). La posizione può essere specificata dalla directory principale (/root/cartella/background.jpg) o relativa alla posizione del documento HTML in fase di modifica (ad esempio, cartella / background.jpg).
Salva le modifiche e apri la pagina in un browser. Per fare ciò, fare clic con il pulsante destro del mouse e selezionare "Apri con". Nell'elenco fornito, indica il nome del programma che stai utilizzando per la navigazione in Internet. Se il parametro background è stato impostato correttamente, vedrai l'immagine di sfondo specificata in precedenza. Se l'immagine non viene visualizzata, verificare la correttezza dell'attributo di sfondo e il percorso del file di sfondo.
Parametro Bgcolor
Per impostare il colore di sfondo senza un'immagine, puoi utilizzare la direttiva bgcolor. Come valore per questo attributo, puoi specificare il nome del colore in inglese o utilizzare il valore del colore nella tavolozza HTML. Per esempio:
Questo codice conferisce alla pagina uno sfondo blu. Se vuoi impostare una sfumatura di colore o un colore più accurato, usa i valori della tavolozza HTML:
In questo caso # 002902 è il colore da dare alla pagina.
Attributi CSS
Puoi anche impostare lo sfondo usando il CSS nei parametri:
Con i CSS, puoi anche specificare l'immagine di sfondo per la pagina tramite background-image:
L'uso di CSS e HTML fornisce gli stessi risultati, tuttavia, è preferibile utilizzare CSS quando si impostano i parametri di visualizzazione della pagina.
