Glavni problem povezan s promjenom pozadinskih slika u HTML-u je taj što može biti teško osigurati da se slika ispravno prikazuje u svim preglednicima i uređajima. Osim toga, ako je slika prevelika ili premala, može uzrokovati probleme s brzinom učitavanja stranice i izvedbom. Naposljetku, postoje različiti načini postavljanja pozadinske slike u HTML-u (npr. pomoću CSS-a ili ugrađenog stila), tako da može biti teško provjeriti da li se koristi ispravna metoda za određenu situaciju.
<body style="background-image:url('image.jpg');">
</body>
1. Ovaj redak koda stvara HTML element tijela.
2. Također 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 vizualnog interesa web stranici. Mogu se koristiti kao ukrasni element ili se mogu koristiti za prenošenje informacija. Pozadinske slike dodaju se pomoću svojstva background-image u CSS-u. Ovo svojstvo vam omogućuje da odredite slikovnu datoteku, kao što je JPEG ili PNG, koja će biti prikazana iza drugih elemenata na stranici. Svojstvo pozadinske slike također vam omogućuje da postavite druga svojstva kao što su pozadinsko ponavljanje i pozadinska pozicija koja kontroliraju način na koji se slika prikazuje na stranici.
Kako mogu promijeniti pozadinsku sliku u HTML-u
Promjena pozadinske slike u HTML-u jednostavan je postupak. Da biste to učinili, trebate koristiti svojstvo pozadinske slike 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 slikovnu datoteku. Na primjer:
Zatim dodajte sljedeći kod u svoj HTML dokument:
Ovo će postaviti navedenu sliku kao pozadinsku sliku vaše stranice. Također možete prilagoditi druga svojstva kao što su položaj i ponavljanje pomoću dodatnih CSS pravila ako je potrebno.
