Glavni problem vezan za promjenu pozadinskih slika u HTML-u je taj što može biti teško osigurati da se slika ispravno prikazuje u svim pretraživačima i uređajima. Osim toga, ako je slika prevelika ili premala, može uzrokovati probleme sa brzinom i performansama učitavanja stranice. Konačno, postoje različiti načini za postavljanje pozadinske slike u HTML-u (npr. korištenjem CSS-a ili ugrađenog stila), tako da može biti teško provjeriti da li se ispravna metoda koristi za određenu situaciju.
<body style="background-image:url('image.jpg');">
</body>
1. Ova linija koda stvara HTML element tijela.
2. Takođe postavlja pozadinsku sliku elementa tijela na sliku koja se nalazi na “image.jpg”.
Pozadinske slike
Pozadinske slike u HTML-u mogu se koristiti za dodavanje vizuelnog interesa na web stranicu. Mogu se koristiti kao dekorativni element, ili se mogu koristiti za prenošenje informacija. Pozadinske slike se dodaju pomoću svojstva background-image u CSS-u. Ovo svojstvo vam omogućava da navedete datoteku slike, kao što je JPEG ili PNG, koja će biti prikazana iza drugih elemenata na stranici. Svojstvo background-image takođe vam omogućava da postavite druga svojstva kao što su background-repeat i background-position koji kontrolišu kako se slika prikazuje na stranici.
Kako da promenim sliku u pozadini u HTML-u
Promjena pozadinske slike u HTML-u je jednostavan proces. Da biste to učinili, trebate koristiti svojstvo background-image u CSS-u.
Prvo morate definirati sliku koju želite koristiti kao pozadinu. To možete učiniti korištenjem apsolutnog ili relativnog URL-a za datoteku slike. Na primjer:
Zatim dodajte sljedeći kod u svoj HTML dokument:
Ovo će navedenu sliku postaviti kao pozadinu vaše stranice. Također možete podesiti druga svojstva kao što su pozicija i ponavljanje koristeći dodatna CSS pravila ako je potrebno.
