Galvenā problēma, kas saistīta ar fona attēlu maiņu HTML valodā, ir tā, ka var būt grūti nodrošināt attēla pareizu rādīšanu visās pārlūkprogrammās un ierīcēs. Turklāt, ja attēls ir pārāk liels vai pārāk mazs, tas var radīt problēmas ar lapas ielādes ātrumu un veiktspēju. Visbeidzot, ir dažādi veidi, kā iestatīt fona attēlu HTML formātā (piemēram, izmantojot CSS vai iekļauto stilu), tāpēc var būt sarežģīti pārliecināties, vai konkrētai situācijai tiek izmantota pareizā metode.
<body style="background-image:url('image.jpg');">
</body>
1. Šī koda rinda izveido HTML pamatteksta elementu.
2. Tā arī iestata ķermeņa elementa fona attēlu uz attēlu, kas atrodas vietnē “image.jpg”.
Fona attēli
HTML fona attēlus var izmantot, lai tīmekļa lapai pievienotu vizuālu interesi. Tos var izmantot kā dekoratīvu elementu, vai arī tos var izmantot informācijas nodošanai. Fona attēli tiek pievienoti, izmantojot CSS rekvizītu background-image. Šis rekvizīts ļauj norādīt attēla failu, piemēram, JPEG vai PNG, kas tiks rādīts aiz citiem lapas elementiem. Fona attēla rekvizīts ļauj iestatīt arī citus rekvizītus, piemēram, fona atkārtojumu un fona pozīciju, kas nosaka, kā attēls tiek parādīts lapā.
Kā mainīt fona attēlu HTML
Fona attēla maiņa HTML ir vienkāršs process. Lai to izdarītu, CSS programmā ir jāizmanto fona attēla rekvizīts.
Pirmkārt, jums ir jādefinē attēls, kuru vēlaties izmantot kā fonu. To var izdarīt, attēla failam izmantojot absolūto vai relatīvo URL. Piemēram:
Pēc tam pievienojiet savam HTML dokumentam šādu kodu:
Tādējādi norādītais attēls tiks iestatīts kā jūsu lapas fona attēls. Varat arī pielāgot citus rekvizītus, piemēram, pozīciju un atkārtot, izmantojot papildu CSS kārtulas, ja nepieciešams.
