Puslapio foną galima nustatyti naudojant HTML ir CSS, dokumento šaltinio kode nurodant atitinkamas direktyvas. Atributus, naudojamus žymėjimo kalbose, palaiko dauguma šiuolaikinių naršyklių ir jie bus teisingai rodomi beveik visiems jūsų svetainės lankytojams.
Fono parametras
Atidarykite HTML puslapio failą redaguoti naudojamame redaktoriuje. Norėdami tai padaryti, galite dešiniuoju pelės mygtuku spustelėkite dokumentą ir pasirinkite skyrių "Atidaryti naudojant".
HTML failo struktūra yra įvairių lygių ir paskirties aprašų serija. Puslapio kodas paprastai prasideda žyma. Paprastai po to seka skyrius, kuriame yra puslapio pavadinimas ir CSS kodas. Uždarius aprašą, prasideda puslapio turinys. Puslapio fono vaizdo nustatymo atributas nustatomas kaip papildomas šios žymos fono parametras. Puslapio fono kūrimo kodas atrodys taip:
Tokiu atveju kelias į paveikslėlį gali būti URL (pradedant https://). Vietą galima nurodyti iš šakninio katalogo (/root/folder/background.jpg) arba atsižvelgiant į redaguojamo HTML dokumento vietą (pavyzdžiui, aplankas / background.jpg).
Išsaugokite pakeitimus ir atidarykite puslapį naršyklėje. Norėdami tai padaryti, dešiniuoju pelės mygtuku spustelėkite ir pasirinkite "Atidaryti naudojant". Pateiktame sąraše nurodykite programos, kurią naudojate naršydami internete, pavadinimą. Jei fono parametras buvo nustatytas teisingai, pamatysite anksčiau nurodytą fono vaizdą. Jei paveikslėlis nerodomas, patikrinkite fono atributo teisingumą ir kelią į fono failą.
Bgcolor parametras
Norėdami nustatyti fono spalvą be paveikslėlio, galite naudoti „bgcolor“direktyvą. Kaip šio atributo vertę galite nurodyti spalvos pavadinimą angliškai arba naudoti spalvų vertę HTML paletėje. Pavyzdžiui:
Šis kodas suteikia puslapiui mėlyną foną. Jei norite nustatyti spalvotą ar tikslesnę spalvą, naudokite HTML paletės reikšmes:
Šiuo atveju # 002902 yra spalva, kurią reikia suteikti puslapiui.
CSS atributai
Taip pat galite nustatyti foną naudodami CSS parametruose:
Naudodami CSS, taip pat galite nurodyti puslapio fono paveikslėlį naudodami fono paveikslėlį:
CSS ir HTML naudojimas duoda tuos pačius rezultatus, tačiau pageidautina CSS naudoti nustatant puslapio rodymo parametrus.