La ĉefa problemo rilata al ŝanĝado de fonbildoj en HTML estas, ke povas esti malfacile certigi, ke la bildo montriĝas ĝuste tra ĉiuj retumiloj kaj aparatoj. Aldone, se la bildo estas tro granda aŭ tro malgranda, ĝi povas kaŭzi problemojn kun paĝa ŝarĝrapideco kaj rendimento. Fine, ekzistas diversaj manieroj agordi fonbildon en HTML (ekz., uzante CSS aŭ enlinia stilado), do certigi ke la ĝusta metodo estas uzata por aparta situacio povas esti malfacila.
<body style="background-image:url('image.jpg');">
</body>
1. Ĉi tiu linio de kodo kreas HTML-korpelementon.
2. Ĝi ankaŭ fiksas la fonbildon de la korpo-elemento al la bildo situanta ĉe "image.jpg".
Fonaj bildoj
Fonbildoj en HTML povas esti uzataj por aldoni vidan intereson al retpaĝo. Ili povas esti uzataj kiel ornama elemento, aŭ ili povas esti uzataj por transdoni informojn. Fonbildoj estas aldonitaj per la fonbilda propraĵo en CSS. Ĉi tiu posedaĵo permesas al vi specifi bilddosieron, kiel JPEG aŭ PNG, kiu estos montrita malantaŭ aliaj elementoj sur la paĝo. La fonbilda propraĵo ankaŭ permesas agordi aliajn trajtojn kiel fon-ripeton kaj fonan pozicion, kiuj kontrolas kiel la bildo estas montrata sur la paĝo.
Kiel mi ŝanĝas la fonbildon en HTML
Ŝanĝi la fonbildon en HTML estas simpla procezo. Por fari tion, vi devas uzi la fonbildan posedaĵon en CSS.
Unue, vi devas difini la bildon, kiun vi volas uzi kiel fonon. Vi povas fari tion uzante absolutan aŭ relativan URL por la bilddosiero. Ekzemple:
Poste, aldonu la sekvan kodon al via HTML-dokumento:
Ĉi tio starigos la specifitan bildon kiel fonbildon de via paĝo. Vi ankaŭ povas ĝustigi aliajn trajtojn kiel pozicion kaj ripeti uzante pliajn CSS-regulojn se necese.
