Come Riempire Lo Sfondo In Html

Sommario:

Come Riempire Lo Sfondo In Html
Come Riempire Lo Sfondo In Html

Video: Come Riempire Lo Sfondo In Html

Video: Come Riempire Lo Sfondo In Html
Video: 7- Tutorial HTML: Inserire uno sfondo 2024, Novembre
Anonim

Il linguaggio di markup HTML ti consente di rendere lo sfondo della pagina un colore solido di qualsiasi colore, oltre a posizionare immagini su di esso. Ciò rende possibile ottenere del testo, ad esempio, su un paesaggio o su una trama di carta.

Come riempire lo sfondo in html
Come riempire lo sfondo in html

Istruzioni

Passo 1

Quando scegli un colore di sfondo o un'immagine da posizionare su di esso, lasciati guidare principalmente dalla leggibilità del testo. Lo sfondo dovrebbe essere contrastante, in altre parole, i personaggi dovrebbero risaltare chiaramente su di esso. Se decidi di realizzare la grafica di sfondo, assicurati di essere l'autore dell'immagine o di avere il diritto di utilizzarla sulla base di un contratto (ad esempio una licenza gratuita).

Passo 2

Trova il tag nel sorgente HTML della pagina. Per rendere lo sfondo solido e colorato, aggiungi la variabile bkcolor con un argomento come codice colore. Dopodiché, la costruzione sarà simile a questa: <body bkcolor = rrggbb: gt;, dove rr, gg e bb sono numeri esadecimali nell'intervallo da 00 a FF. Il primo imposta l'intensità del componente rosso, il secondo - sul verde e il terzo - sul blu.

Passaggio 3

Se vuoi posizionare un'immagine sullo sfondo, prima di tutto, riduci le sue dimensioni in modo che abbia una risoluzione sia orizzontale che verticale inferiore a 320 inclusa. Salvalo come nuovo file per evitare di rovinare l'originale. Si prega di utilizzare il formato JPG,.png

Passaggio 4

Utilizzando l'interfaccia web o un client FTP software, posizionare il file immagine nella cartella del server in cui si trova il file HTML che si sta modificando.

Passaggio 5

Invece della variabile bkcolor, aggiungi la variabile background al tag con un argomento come nome del file immagine. Ora sarà simile a questo: dove fon

Passaggio 6

Carica il file HTML aggiornato sul server. Aprilo in un browser. Assicurati che lo sfondo sia visualizzato correttamente. Se c'è un'immagine su di essa, si ripeterà sia orizzontalmente che verticalmente, riempiendo tutto lo spazio sulla pagina. Controlla come si legge il testo sul nuovo sfondo in diversi browser. Se necessario, utilizzare un file grafico o di colore diverso.

Consigliato: