Cum se face un fundal în HTML

În configurarea oricărui site, în plus față de funcționalitate, designul este foarte important. Acesta este modul în care propriul stil și designul unei companii sau unei persoane, pentru care site-ul este creat. Personalizați culoarea de fundal și imaginea sa nu va fi forța de muncă, urmând instrucțiunile din acest articol.

Deschideți fișierul HTML prin notebook sau orice alt editor de text la care sunteți obișnuiți.

De exemplu, luați o pagină de site primitivă cu un minim de text. Puteți deschide fișierul folosind orice browser.

Pentru a începe, schimbați culoarea fundalului dvs., deoarece persoanele cu conexiuni la Internet lent nu vor putea să vadă imediat imaginea de fundal a site-ului. O anumită perioadă de timp până când imaginea este încărcată, ele pot vedea doar culoarea site-ului dvs.
Introduceți \u003ccorp\u003e tag \u003ccorp\u003e parametru bgcolor \u003d "*****", unde ***** este un cifru de culoare. Puteți învăța culori pentru HTML în orice editor grafic selectând opțiunea "Pentru VEB" sau pe site https://colorscheme.ru/color-names.

Este suficient pentru dvs. să alegeți o culoare în paleta cercului și să vă atribuiți intensitatea în cadrul pătratului. În dreapta, veți vedea două coduri pentru HTML. Copiați-le și introduceți-le în notebook.

Găsirea culorii și introducerea acesteia în cod, vezi dacă ați făcut totul în dreapta, vizualizarea paginii web rezultate din browser.

Acum puteți trece la introducerea imaginii de fundal. Plasați imaginea dorită în dosarul de cod pentru o mai mare comoditate. Întreabă-i numele scrisorilor latine.

Acum aflați locația fișierului făcând clic pe acesta cu butonul din dreapta al mouse-ului selectând șirul "Open folosind" și făcând clic pe orice browser instalat pe computer.

Copiați adresa din bara de căutare a browserului.

Acum, în eticheta \u003ccorp\u003e, introduceți șirul:

style \u003d "Imaginea de fundal: URL ('File: // C: /usserss/pail_file.jpg')"

Salvați fișierul.

Verificați pagina dvs. web. Veți vedea că fundalul este înlocuit sub textul dvs.

Vă rugăm să rețineți că utilizatorii cu rezoluția ecranului mai mare, imaginea va fi duplicat în jos și spre dreapta. Uite ce acest lucru nu este bun, în cazul în care imaginea nu este monoton. Există comenzi speciale pentru a corecta această setare.

fundal repetare: “Sens“. Variante ale valorilor tale ar putea fi: " repeat-x " - repetă imaginea de fundal atât pe orizontală cât și pe verticală. " repeta-y " - o repetare numai pe verticală. " fără repetare " - imaginea înghețate în loc și nu se va repeta. " spațiu " - întreaga pagină umplut cu numărul maxim de exemplare ale unei imagini, extrem de trunchiate. " rotund " - aceeași opțiune, dar la marginile imaginii va fi redusă cu precizie;
background-attachment: "Valoare". Dacă înlocuiți valoarea cuvântului, a tag-ul " sul“, Imaginea va derula cu site-ul. " fix„- atunci când defilare de fond rămâne neschimbat;
background-size: Valoarea Value2. Aici, valorile ar trebui să ia valoarea pixelului. De exemplu: 100px 200px. In plus valorile pixelilor sunt luate ca procent. Această opțiune umple imaginea paginii. În plus față de numere, puteți introduce doi parametri: " conține„- umple imaginea paginii de pe latura lungă și“ acoperi„- umple lățimea paginii de imagine.