Taustalla oleva verkkosivu näyttää yleensä kauniimmalta kuin ilman sitä. Verkkosivun näytön oikeellisuus riippuu pätevistä toimista lisätä tausta.
Ohjeet
Vaihe 1
Helpoin tapa tehdä tausta HTML-asiakirjaan on määrittää attribuutin arvo body tagille. Annettu tausta-attribuutin arvo määrittää taustakuvan sivulla. Jos määrität bgcolor-määritteen arvon, sivu saa taustavärin. Body-tagin bgcolor-attribuutin väri voidaan määrittää joko heksadesimaalilla tai vain yhdellä sanalla.
Vaihe 2
Voit saavuttaa saman vaikutuksen käyttämällä CSS-tyylitaulukoita. Taustaväri-määritteen arvo määrittää sivun taustavärin, kun taas taustakuvan määritteen arvo määrittää polun sivun taustakuvaan. Nämä ohjeet voidaan kirjoittaa vartalonvalitsimelle. Voit tehdä sen eri tavalla: määrittää luokka tai tunniste html-tagin rungon tagille ja määrittää yllä olevat attribuutit luokalle tai tunnisteelle css: ssä. On vain pidettävä mielessä, että jos määritteet määritetään luokalle, kaikilla kohteilla, joilla on määritelty luokka, on taustaväri html-asiakirjassa.
Vaihe 3
Yllä olevat ohjeet voidaan kirjoittaa itse HTML-asiakirjan runkoon. Voit tehdä tämän avaamalla tyylimerkin pääosastojen välissä olevasta palveluosiosta (avaaminen ja sulkeminen). Kaikki CSS-lauseet voidaan kirjoittaa tietyn tunnisteen avaamisen ja sulkemisen väliin. On vain pidettävä mielessä, että tällöin sivun paino nousee, mikä voi vaikuttaa negatiivisesti sen lataamiseen kuluvaan aikaan loppukäyttäjälle. On myös huomattava, että taustakuvan määrittämisen tapauksessa se voidaan toistaa vaakasuoraan, pystysuoraan tai pitkin kahta akselia kerralla. CSS: n background-repeat-attribuutti on vastuussa tästä. Taustakuvan voi kiinnittää jäykästi riippumatta vierityspalkin olemassaolosta asiakirjassa. Tämän vaikutuksen saavuttamiseksi sinun on määritettävä taustaliite: kiinteä.
Vaihe 4
HTML-asiakirjan tausta voidaan tehdä ohjelmointikielillä. Voit kirjoittaa HTML-ohjeita JavaScriptin avulla. Kielikonstruktio document.write sopii tähän. Jos sama asia ilmaistaan DOM: n kautta, document.body.style.backgroundColor = “punainen” -lauseke tekee sivun taustasta punaisen. Tämä on sama kuin sopivan määritteen kirjoittaminen suoraan CSS: ään.
Vaihe 5
Aiemmat ohjeet voidaan kirjoittaa suoraan verkkosivun koodiin luomalla pari komentotunnisteita avaavan ja sulkevan päätagin väliin. Kaikki nämä ohjeet voidaan kuitenkin kirjoittaa erilliseen tiedostoon js-laajennuksella, joka voidaan myöhemmin liittää sivulle.
