Una pagina web con uno sfondo tende a sembrare più bella che senza. La correttezza della visualizzazione della pagina web dipende dalle azioni competenti per aggiungere lo sfondo.
Istruzioni
Passo 1
Il modo più semplice per creare uno sfondo in un documento html è assegnare il valore dell'attributo al tag body. Un dato valore per l'attributo background determinerà l'immagine di sfondo sulla pagina. Se imposti il valore dell'attributo bgcolor, la pagina assumerà un colore di sfondo. Il colore nell'attributo bgcolor del tag body può essere specificato in esadecimale o solo in una parola.
Passo 2
È possibile ottenere lo stesso effetto utilizzando fogli di stile CSS a cascata. Un valore per l'attributo background-color definirà il colore di sfondo della pagina, mentre un valore per l'attributo background-image definirà il percorso dell'immagine di sfondo della pagina. Queste istruzioni possono essere scritte nel selettore del corpo. Puoi farlo in modo diverso: assegna una classe o un identificatore al tag body nel tag html e assegna gli attributi sopra alla classe o all'identificatore in css, rispettivamente. Va solo tenuto presente che se gli attributi sono assegnati a una classe, tutti gli oggetti con la classe specificata avranno un colore di sfondo nel documento html.
Passaggio 3
Le istruzioni di cui sopra possono essere scritte nel corpo del documento html stesso. Per fare ciò, apri il tag di stile nella sezione di servizio tra i tag di testa (apertura e chiusura). Qualsiasi istruzione CSS può essere scritta tra l'apertura e la chiusura di un dato tag. Va solo tenuto presente che in questo caso, il peso della pagina aumenterà, il che potrebbe influire negativamente sul tempo necessario per caricarlo per l'utente finale. Va anche notato che nel caso di specificare un'immagine di sfondo, può essere ripetuta orizzontalmente, verticalmente o lungo due assi contemporaneamente. L'attributo background-repeat nei CSS è responsabile di questo. L'immagine di sfondo può essere ancorata rigidamente indipendentemente dalla presenza di una barra di scorrimento nel documento. Per ottenere questo effetto, è necessario specificare background-attachment: fixed.
Passaggio 4
Lo sfondo di un documento html può essere realizzato utilizzando linguaggi di programmazione. Puoi scrivere istruzioni html usando JavaScript. Il costrutto del linguaggio document.write è adatto a questo scopo. Se la stessa cosa viene espressa attraverso il DOM, l'istruzione document.body.style.backgroundColor = “red” renderà rosso lo sfondo della pagina. È come scrivere l'attributo appropriato direttamente nei CSS.
Passaggio 5
Le istruzioni precedenti possono essere scritte direttamente nel codice di una pagina web creando una coppia di tag script tra i tag head di apertura e chiusura. Tuttavia, tutte queste istruzioni possono essere scritte in un file separato con estensione js, che, successivamente, può essere collegato alla pagina.
