In questo post te lo racconterò come al solito impostare lo sfondo del sito utilizzando HTML codice.

Ti mostrerò anche un eccellente servizio estero per la selezione di sfondi senza soluzione di continuità.
Al giorno d'oggi, le impostazioni del sito sono rese più semplici e convenienti tramite console CMS come WordPress.
Potrebbe essere necessario modificare i modelli dei siti Web di vendita, questo articolo ti aiuterà in questo.

Se non sai di cosa si tratta HTML, allora questa può essere generalmente chiamata la lingua dei siti o un insieme di regole in base alle quali vengono generati i siti.

Ad esempio, vedi un'immagine su un sito Web, ma nel codice HTML della pagina potrebbe apparire così:

Imposta un colore a tinta unita per lo sfondo della pagina.

Per installare sfondo in tinta unita, è necessario taggare Aggiungi attributo bgcolor.

< html >
< head >
< title >Titolo della pagina.

< body bgcolor = "#ffcc00" >

Puoi incollare questo codice in un file di testo e salvarlo con l'estensione .html. Quindi aprilo con qualsiasi browser e guarda il risultato.

Come probabilmente avrai intuito, il colore dello sfondo appare a causa del codice colore nell'attributo bgcolor= "valore", che potete trovare seguendo questo link.

Impostazione di un'immagine come sfondo di una pagina HTML.

In modo da imposta l'immagine sullo sfondo, puoi utilizzare l'attributo sfondo nell'etichetta .

< html >
< head >
< title >Titolo della pagina.

< body background = "http://сайт/images/mlmsecret.jpg" >Ciao. Questa è la mia prima pagina.

Potresti notare che l'attributo sfondoè uguale al percorso del file utilizzato come sfondo.

Per cambiare rapidamente lo sfondo o qualsiasi immagine sulla pagina, specifica semplicemente il nuovo percorso del file utilizzando un editor di testo.

Per scoprire il percorso precedente, devi andare alla pagina con l'immagine, fare clic con il tasto destro del mouse sull'immagine e fare clic su "Copia URL immagine". in questo modo vedrai il nome dell'immagine/sfondo. Quindi puoi semplicemente sostituire la vecchia immagine con la tua, utilizzando lo stesso nome file.

Queste erano le basi più semplici per la configurazione sfondo in HTML, ora arriva la parte interessante. 🙂

Apri il file della pagina HTML per modificarlo 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 solitamente inizia con il tag . Dopodiché di solito c'è una sezione , che specifica il titolo della pagina e il codice CSS. Dopo aver chiuso l'handle, 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 al seguente:

In questo caso, il percorso dell'immagine può essere un URL (che inizia con http://). La posizione può essere impostata dalla directory principale (/root/cartella/sfondo.jpg) o relativa alla posizione del documento HTML in fase di modifica (ad esempio, cartella/sfondo.jpg).

Salva le modifiche e apri la pagina in un browser. Per fare ciò, fare clic con il tasto destro e selezionare "Apri con". Nell'elenco fornito, indica il nome del programma che utilizzi per visualizzare le pagine su Internet. Se il parametro dello sfondo è stato impostato correttamente, vedrai l'immagine di sfondo specificata in precedenza. Se l'immagine non viene visualizzata, verificare che l'attributo background sia specificato correttamente e il percorso del file di sfondo.

parametro bgcolor

Per impostare il colore di sfondo senza un'immagine, puoi utilizzare la direttiva bgcolor. È possibile specificare il nome del colore inglese come valore per questo attributo oppure utilizzare il valore del colore nella tavolozza HTML. Per esempio:

Questo codice dà alla pagina uno sfondo blu. Se desideri impostare una tinta di colore o un colore più preciso, utilizza i valori della tavolozza HTML:

In questo caso, #002902 è il colore che deve essere assegnato alla pagina.

Attributi CSS

Puoi anche impostare lo sfondo utilizzando il codice CSS nelle opzioni :

Usando i CSS, puoi anche specificare un'immagine di sfondo per la pagina tramite background-image:

Utilizzando CSS e HTML si ottengono gli stessi risultati, tuttavia, quando si impostano i parametri di visualizzazione della pagina, è preferibile utilizzare CSS.

Buona giornata a tutti coloro che vogliono imparare e imparare qualcosa di nuovo! Hai mai prestato attenzione all'aspetto, durante lo sviluppo del quale i creatori erano troppo pigri per progettare lo sfondo delle pagine? E l'ho fatto. Sembra brutto. Spesso, a causa della mancanza delle solite divisioni tra i diversi tipi di informazioni, queste si confondono e semplicemente non c'è voglia di guardare altro su una tale risorsa web.

Per evitare che mi accadesse un simile disastro, ho deciso di scrivere un articolo sull'argomento: "Come creare uno sfondo di pagina in html". Dopo aver letto la pubblicazione, imparerai quali strumenti puoi utilizzare per impostare il design dello sfondo, come fissarlo o modificarlo e molto altro ancora che ti aiuterà a rendere attraente il tuo sito. Adesso cominciamo!

Strumenti di base per impostare lo sfondo delle pagine web

Per impostare un'immagine di sfondo, gli sviluppatori del linguaggio web hanno fornito l'attributo background. È disponibile sia in , che in css.

Nel linguaggio di markup, questo è un attributo del tag body e nei fogli di stile è una proprietà universale che consente di impostare fino a 5 caratteristiche di sfondo contemporaneamente. Lo sfondo è un elemento abbastanza flessibile che può essere utilizzato per impostare lo sfondo sotto forma di un singolo colore, un'immagine a colori o anche un'animazione.

Quindi, per impostare l'immagine di sfondo tramite l'unità html basta scrivere il seguente codice: ... e al posto delle parole “indirizzo file” inserire il percorso dell'immagine.

Tuttavia, tieni presente! Se vuoi vedere una tela monocolore come sfondo, specificato da un valore dalla tavolozza dei colori, allora puoi farlo utilizzando l'attributo bgcolor.

Per esempio, ..., abbiamo impostato uno sfondo nero per il nostro sito.

I colori in CSS e HTML sono specificati da una parola inglese (ad esempio, rosso) o da un codice speciale, costituito dal segno # e da sei caratteri successivi (ad esempio, #FFDAB9).

Quando digiti la seconda opzione in un software specializzato per sviluppatori, la tavolozza apparirà automaticamente davanti a te. Se hai appena iniziato a imparare questi linguaggi web, puoi cercare il codice colore su Internet.

Sfondo come proprietà nei fogli di stile CSS

È impostato in un file separato con stili CSS o in un elemento