Peamine HTML-i taustpiltide muutmisega seotud probleem on see, et võib olla keeruline tagada, et pilt kuvatakse õigesti kõigis brauserites ja seadmetes. Lisaks, kui pilt on liiga suur või liiga väike, võib see põhjustada probleeme lehe laadimiskiiruse ja jõudlusega. Lõpuks on HTML-is taustpildi määramiseks erinevaid viise (nt CSS-i või tekstisisese stiili abil), seega võib olla keeruline veenduda, et konkreetses olukorras kasutatakse õiget meetodit.
<body style="background-image:url('image.jpg');">
</body>
1. See koodirida loob HTML-i kehaelemendi.
2. Samuti määrab see kehaelemendi taustapildiks pildi, mis asub aadressil "image.jpg".
Taustapildid
HTML-i taustapilte saab kasutada veebilehele visuaalse huvi lisamiseks. Neid saab kasutada dekoratiivse elemendina või neid saab kasutada teabe edastamiseks. Taustapildid lisatakse CSS-i atribuudi background-image abil. See atribuut võimaldab teil määrata pildifaili (nt JPEG või PNG), mis kuvatakse lehe muude elementide taga. Taustapildi atribuut võimaldab teil määrata ka muid atribuute, nagu tausta kordus ja tausta asukoht, mis määravad, kuidas pilti lehel kuvatakse.
Kuidas muuta HTML-is taustpilti
Taustapildi muutmine HTML-is on lihtne protsess. Selleks peate kasutama CSS-is atribuuti background-image.
Esiteks peate määratlema pildi, mida soovite taustana kasutada. Seda saate teha pildifaili absoluutse või suhtelise URL-i abil. Näiteks:
Järgmisena lisage oma HTML-dokumendile järgmine kood:
See seab määratud pildi teie lehe taustapildiks. Vajadusel saate täiendavate CSS-reeglite abil kohandada ka muid atribuute (nt asukohta ja korrata).
