Y brif broblem sy'n gysylltiedig â newid delweddau cefndir yn HTML yw y gall fod yn anodd sicrhau bod y ddelwedd yn cael ei harddangos yn gywir ar draws pob porwr a dyfais. Yn ogystal, os yw'r ddelwedd yn rhy fawr neu'n rhy fach, gall achosi problemau gyda chyflymder a pherfformiad llwytho tudalen. Yn olaf, mae sawl ffordd o osod delwedd gefndir yn HTML (ee, defnyddio CSS neu steilio mewnol), felly gall fod yn anodd gwneud yn siŵr bod y dull cywir yn cael ei ddefnyddio ar gyfer sefyllfa benodol.
<body style="background-image:url('image.jpg');">
</body>
1. Mae'r llinell hon o god yn creu elfen corff HTML.
2. Mae hefyd yn gosod delwedd gefndir elfen y corff i'r ddelwedd a leolir yn “image.jpg”.
Delweddau cefndirol
Gellir defnyddio delweddau cefndir mewn HTML i ychwanegu diddordeb gweledol i dudalen we. Gellir eu defnyddio fel elfen addurniadol, neu gellir eu defnyddio i gyfleu gwybodaeth. Ychwanegir delweddau cefndir gan ddefnyddio'r priodwedd delwedd gefndir yn CSS. Mae'r eiddo hwn yn caniatáu ichi nodi ffeil delwedd, fel JPEG neu PNG, a fydd yn cael ei harddangos y tu ôl i elfennau eraill ar y dudalen. Mae'r eiddo delwedd cefndir hefyd yn caniatáu ichi osod priodweddau eraill megis ailadrodd cefndir a lleoliad cefndir sy'n rheoli sut mae'r ddelwedd yn cael ei harddangos ar y dudalen.
Sut ydw i'n newid y ddelwedd gefndir yn HTML
Mae newid y ddelwedd gefndir yn HTML yn broses syml. I wneud hyn, mae angen i chi ddefnyddio'r priodwedd delwedd gefndir yn CSS.
Yn gyntaf, mae angen i chi ddiffinio'r ddelwedd rydych chi am ei defnyddio fel eich cefndir. Gallwch wneud hyn trwy ddefnyddio URL absoliwt neu gymharol ar gyfer y ffeil delwedd. Er enghraifft:
Nesaf, ychwanegwch y cod canlynol at eich dogfen HTML:
Bydd hyn yn gosod y ddelwedd benodedig fel delwedd gefndir eich tudalen. Gallwch hefyd addasu priodweddau eraill fel lleoliad ac ailadrodd gan ddefnyddio rheolau CSS ychwanegol os oes angen.
