Come creare uno sfondo in HTML

Nel configurare qualsiasi sito, oltre alla funzionalità, il design è molto importante. Questo è il modo in cui lo stile e il design di un'azienda o una persona, per i quali viene creato il sito. Personalizza il colore di sfondo e la sua immagine non sarà il lavoro, seguendo le istruzioni in questo articolo.

Apri il tuo file HTML con notebook o qualsiasi altro editor di testo a cui sei abituato.

Ad esempio, prendi una pagina del sito primitivo con un minimo di testo. Puoi aprire il tuo file usando qualsiasi browser.

Per cominciare, cambiare il colore del tuo background, poiché le persone con le connessioni Internet lenti non saranno immediatamente in grado di vedere l'immagine di sfondo del sito. Una certa quantità di tempo fino a quando l'immagine è caricata, possono solo vedere il colore del tuo sito.
Immettere il tag \u003cbody\u003e tag \u003cbody\u003e parametro BGCOLOR \u003d "*****", dove ***** è un cifrario di colore. È possibile imparare i colori per HTML in qualsiasi editor grafico selezionando l'opzione "per VEB" o sul sito https://colorscheme.ru/color-names.

È sufficiente scegliere un colore nella palette del cerchio e assegnare la sua intensità all'interno del quadro del quadrato. A destra vedrai due codici per HTML. Copiali e inserirli nel notebook.

Trovare il colore e inserirlo nel codice, vedere se hai fatto tutto a destra, visualizzando la pagina Web risultante dal browser.

Ora puoi procedere all'inserimento dell'immagine di sfondo. Posiziona l'immagine desiderata nella cartella del codice per una maggiore comodità. Chiedigli le lettere latine.

Ora scopri la posizione del file facendo clic su di esso con il tasto destro del mouse selezionando la stringa "Apri utilizzando" e facendo clic su qualsiasi browser installato sul tuo computer.

Copia l'indirizzo dalla barra di ricerca del browser.

Ora nel tag \u003cbody\u003e, inserisci la stringa:

style \u003d "Download-image: URL ('File: /// c: /usser/pail_file.jpg')"

Salva il tuo file.

Controlla la tua pagina web. Vedrai che lo sfondo è sostituito sotto il tuo testo.

Si noti che gli utenti che hanno una maggiore risoluzione dello schermo, la tua immagine verrà duplicata e giusta. Non sembrerà buono, se l'immagine non è un monofonico. Per correggere questo parametro ci sono comandi speciali.

sfondo-ripetizione.: “Significato". Le opzioni del valore potrebbero essere: " ripeti-x " - Ripeti l'immagine di sfondo e orizzontalmente e verticalmente. " ripeti-y " - Ripetizione solo verticalmente. " no-ripetizione " - L'immagine è congelata in posizione e non ripetuta. " spazio " - L'intera pagina sarà riempita con il numero massimo di copie dell'immagine, l'estremo verrà Brag. " girare " - la stessa opzione, ma ai bordi dell'immagine verrà accuratamente ridimensionata;
attacco di sfondo: "valore". Se sostituiamo invece della parola che significa " scorrere"L'immagine scorrerà insieme al sito. " fisso"- Quando lo scorrimento dello sfondo rimane invariato;
sfondo-Dimensione: valore valore2. Qui i valori devono prendere la quantità in pixel. Ad esempio: 100px 200px. Oltre ai pixel, i valori sono accettati in percentuale. Questo è il parametro per riempire la pagina dell'immagine. Oltre ai numeri, è possibile inserire due parametri: " contenere"- riempie la pagina con l'immagine lungo il lato lungo e" copertina."- riempie la pagina con un'immagine di larghezza.