Tausta on yksi verkkosivuston tärkeimmistä osista. Hyvä tausta luo verkkosivuston sävyn ja täydentää sisältöä. Taustan lisäämiseen on monia eri tapoja, joilla kaikilla on eri tarkoitus. Joidenkin menetelmien avulla voit soveltaa taustaa kaikille verkkosivuston sivuille, kun taas toiset rajoittavat taustan vain tietylle sivulle. Tämä artikkeli opettaa sinulle, miten voit lisätä taustaasi verkkosivustollesi HTML- tai CSS -tiedoston avulla.
Askeleet
Menetelmä 1/2: HTML -menetelmät
Yksivärinen tausta
Vaihe 1. Yhtenäinen tausta on yksinkertaisin tausta, jonka voit laittaa verkkosivustolle
Itse asiassa jokainen sivusto alkaa oletus valkoisella taustalla. Vaikka valkoinen tausta voi olla hyvin tyylikäs ja puhdas, kun sitä käytetään harmonisessa värimaailmassa, eriväristä taustaa voidaan suosia eri teemoilla.
Vaihe 2. Avaa verkkokoodisi (lähde)
Vaihe 3. Lisää body -tunnisteeseen attribuutti nimeltä bgcolor
Nyt kehon tunnisteen pitäisi näyttää tältä-
jossa COLORNAME on värin nimi. COLORNAME voidaan täyttää monenlaisilla värin edustajilla-
- (värin nimi)
- (heksadesimaaliarvo)
- (RGB -arvo)
Vaihe 4. RGB: llä ja #: llä kokeileminen voi johtaa moniin sävyihin, mutta voit valita helpomman ensimmäisen tavan
Muista kuitenkin, että harvinaisen värin kirjoittaminen "Ultramarine Bluish Green" johtaa valkoiseen.
Taustakuvan lisääminen
Taustakuvan lisääminen on hieman monimutkaisempaa kuin yksivärinen tausta
Vaihe 1. Lisää taustaominaisuus body-tunnisteeseen, joten se näyttää tältä:
jossa SRC on kuvan lähde SRC voi olla samassa kansiossa tai toisessa kansiossa/verkkosivulla.
- (samassa kansiossa)
- (eri kansion sisällä)
- (eri verkkosivulla)
Vaihe 2. Muista kirjoittaa.gif /-j.webp" />
Menetelmä 2/2: CSS -menetelmät
Yksivärinen tausta
Vaihe 1. Jos haluat lisätä yksivärisen taustan CSS: ään, lisää tyylimäärite
Voit myös antaa tunnuksia ja luokkia sekä käyttää ulkoisia ja sisäisiä tyylitaulukoita.
Vaihe 2. Kehotunnisteen pitäisi näyttää tältä:
jossa VÄRINIMI on värin, heksadesimaalin tai RGB: n nimi (Muista myös HTML: n yksivärisen taustan viimeiset vaiheet, ne soveltuvat myös tähän).
Kuvan lisääminen
Vaihe 1. Voit lisätä kuvan lisäämällä style -määritteen body -tunnisteeseen
Voit myös antaa tunnuksia ja luokkia sekä käyttää ulkoisia ja sisäisiä tyylitaulukoita.
Vaihe 2. Kehotunnisteen pitäisi nyt näyttää tältä:
Vaihe 3. Muista, että SRC on lähde
Se voi olla samasta kansiosta, eri kansiosta tai eri verkkosivulta.
- (samassa kansiossa)
- (eri kansion sisällä)
- (eri verkkosivulla).
Vaihe 4. Muista lisätä myös.laajennukset
Toistuva kuvioitu tausta
Vaihe 1. Jos haluat luoda toistuvan kuvion taustan, lisää tausta yllä olevien vaiheiden mukaisesti
Body tagisi on nyt vaihdettava muotoon-
Missä REPEAT-SETTINGS ovat asetukset. Toistovaihtoehtoja voi olla monia, esim.
- (Tausta toistuu sekä pysty- että vaakasuunnassa.)
- (Tausta toistuu vaakasuunnassa.)
- (Tausta toistuu pystysuunnassa.)
Kiinteän kuvan tausta
Vaihe 1. Kiinteät kuvien taustat näyttävät viileiltä eivätkä muutu vierittäessäsi alaspäin
Voit tehdä ne vain tekemällä yksinkertaisia säätöjä yllä olevan osan koodiin. Tee hienosäädöt, jotta body tag näyttää tältä-