Lapas fonu var iestatīt, izmantojot HTML un CSS, dokumenta pirmkodā norādot atbilstošās direktīvas. Atzīmes, kas tiek izmantotas iezīmēšanas valodās, atbalsta lielākā daļa mūsdienu pārlūkprogrammu, un tie tiks pareizi parādīti gandrīz visiem jūsu vietnes apmeklētājiem.
Fona parametrs
Atveriet HTML lapas failu rediģēšanai izmantotajā redaktorā. Lai to izdarītu, varat ar peles labo pogu noklikšķināt uz dokumenta un atlasīt sadaļu "Atvērt ar".
HTML faila struktūra ir dažādu līmeņu un mērķu deskriptoru virkne. Lapas kods parasti sākas ar tagu. Pēc tam parasti seko sadaļa, kurā ir lapas nosaukums un CSS kods. Pēc deskriptora aizvēršanas sākas lapas pamatteksts. Atribūts lapas fona attēla iestatīšanai šim tagam ir iestatīts kā papildu fona parametrs. Lapas fona izveides kods izskatīsies šādi:
Šajā gadījumā ceļš uz attēlu var būt URL (sākot ar https://). Atrašanās vietu var norādīt no saknes direktorija (/root/folder/background.jpg) vai attiecībā pret rediģējamā HTML dokumenta atrašanās vietu (piemēram, folder / background.jpg).
Saglabājiet izmaiņas un atveriet lapu pārlūkprogrammā. Lai to izdarītu, ar peles labo pogu noklikšķiniet un atlasiet "Atvērt ar". Piedāvātajā sarakstā norādiet tās programmas nosaukumu, kuru izmantojat interneta pārlūkošanai. Ja fona parametrs ir iestatīts pareizi, tiks parādīts iepriekš norādītais fona attēls. Ja attēls netiek parādīts, pārbaudiet fona atribūta pareizību un ceļu uz fona failu.
Bgcolor parametrs
Lai iestatītu fona krāsu bez attēla, varat izmantot bgcolor direktīvu. Kā šī atribūta vērtību jūs varat norādīt krāsas nosaukumu angļu valodā vai izmantot krāsu vērtību HTML paletē. Piemēram:
Šis kods piešķir lapai zilu fonu. Ja vēlaties iestatīt krāsu nokrāsu vai precīzāku krāsu, izmantojiet HTML paletes vērtības:
Šajā gadījumā lapai jāpiešķir krāsa # 002902.
CSS atribūti
Varat arī iestatīt fonu, izmantojot CSS parametros:
Izmantojot CSS, varat arī norādīt fona attēlu lapai, izmantojot fona attēlu:
CSS un HTML izmantošana dod tādus pašus rezultātus, tomēr, iestatot lapas attēlošanas parametrus, ieteicams izmantot CSS.
