Cum Se Face Fundal în Html

Cuprins:

Cum Se Face Fundal în Html
Cum Se Face Fundal în Html

Video: Cum Se Face Fundal în Html

Video: Cum Se Face Fundal în Html
Video: how to add background image in html 2024, Aprilie
Anonim

O pagină web cu fundal tinde să arate mai frumoasă decât fără ea. Corectitudinea afișării paginii web depinde de acțiunile competente pentru adăugarea fundalului.

Cum se face fundal în html
Cum se face fundal în html

Instrucțiuni

Pasul 1

Cel mai simplu mod de a crea un fundal într-un document html este să atribuiți valoarea atributului etichetei corpului. O valoare dată pentru atributul de fundal va determina imaginea de fundal de pe pagină. Dacă setați valoarea atributului bgcolor, atunci pagina va lua o culoare de fundal. Culoarea din atributul bgcolor al etichetei corpului poate fi specificată fie în hexazecimal, fie doar într-un singur cuvânt.

Pasul 2

Puteți obține același efect folosind foi de stil CSS în cascadă. O valoare pentru atributul de culoare de fundal va defini culoarea de fundal pe pagină, în timp ce o valoare pentru atributul de imagine de fundal va defini calea către imaginea de fundal a paginii. Aceste instrucțiuni pot fi scrise în selectorul de corp. Puteți face acest lucru diferit: atribuiți o clasă sau un identificator etichetei de corp din eticheta html și atribuiți atributele de mai sus clasei sau identificatorului în css, respectiv. Trebuie avut în vedere doar că, dacă atributele sunt atribuite unei clase, atunci toate obiectele cu clasa specificată vor avea o culoare de fundal în documentul html.

Pasul 3

Instrucțiunile de mai sus pot fi scrise în corpul documentului html în sine. Pentru aceasta, deschideți eticheta de stil în secțiunea de servicii dintre etichetele de cap (deschidere și închidere). Orice declarații CSS pot fi scrise între deschiderea și închiderea unei etichete date. Trebuie avut în vedere doar că, în acest caz, greutatea paginii va crește, ceea ce poate afecta negativ timpul necesar încărcării pentru utilizatorul final. De asemenea, trebuie remarcat faptul că, în cazul specificării unei imagini de fundal, aceasta poate fi repetată orizontal, vertical sau de-a lungul a două axe simultan. Atributul background-repeat din CSS este responsabil pentru acest lucru. Imaginea de fundal poate fi andocată rigid, indiferent de prezența unei bare de defilare în document. Pentru a obține acest efect, trebuie să specificați atașamentul de fundal: fix.

Pasul 4

Fundalul unui document html poate fi realizat folosind limbaje de programare. Puteți scrie instrucțiuni html folosind JavaScript. Construcția de limbă document.write este potrivită pentru aceasta. Dacă același lucru este exprimat prin DOM, declarația document.body.style.backgroundColor = „roșu” va face fundalul paginii roșu. Aceasta este la fel ca și scrierea atributului corespunzător direct în CSS.

Pasul 5

Instrucțiunile anterioare pot fi scrise chiar în codul unei pagini web prin crearea unei perechi de etichete script între etichetele de cap de deschidere și de închidere. Cu toate acestea, toate aceste instrucțiuni pot fi scrise într-un fișier separat cu extensia js, care, ulterior, poate fi conectată la pagină.

Recomandat: