Kako dodati pozadinsku sliku html-u
Da biste dodali sliku na web stranicu, trebat će vam HTML i snimiti sliku web stranice, HTML i CSS su potrebni. HTML (Hypertext označavajući jezik) je standardizirani jezik označavanja dokumenata koji označava preglednik za prikaz na web stranici. CSS (stolovi za kaskadne stil) je opis jezik izgleda dokumenta koji se koristi za promjenu izgleda i izgled web stranice. Trebat će vam slika koju ste postavili kao pozadinu web stranice.
Korake
Dio 1 od 5:
Kako stvoriti mapu i datotekujedan. Kreirajte mapu za pohranu HTML datoteke i pozadinske slike. Naziv mape za koji će biti lako pronaći.
- Naziv mape može biti bilo koji, ali bolji ako se sastoji od jedne kratke riječi.
2. Kopirajte pozadinsku sliku u kreiranu mapu.
3. Kreirajte HTML datoteku. Otvorite uređivač teksta, a zatim kreirajte novu datoteku. Spremite kao indeks.Html.
Dio 2 od 5:
Kako napisati HTML kodjedan. Kopirajte i zalijepite standardni HTML kod. Označite i kopirajte HTML kôd u nastavku, a zatim ga umetnite u indeks otvorene datoteke.Html.
Naslov stranice {pozadina-slika: URL (" ") -}
2. Dodajte pozadinsku sliku URL-a. U datoteci indeksa.HTML Pronađite string Pozadina-slika: URL (" ")-. Stavite kursor unutar nosača, a zatim unesite naziv pozadinske datoteke slike. Obavezno odredite proširenje slike datoteke.
- Navedeni niz trebao bi izgledati ovako:
Pozadina-slika: URL ("Pozadina.jpg")-
- Ako jednostavno unesete naziv datoteke (bez njegovog URL-a ili puta do njega), web pretraživač će tražiti sliku u mapi s HTML datotekom. Ako je slika u drugoj mapi, unesite puni put do datoteke.
Dio 3 od 5:
Kako pregledati HTML datotekujedan. Otvorite HTML datoteku u web pretraživaču. Desnom tipkom miša kliknite indeksnu datoteku.Html i otvorite ga u odabranom web pretraživaču.
- Ako se željena slika nije otvorila u pretraživaču, ispravno provjerite naziv datoteke s slike u prozoru uređivača teksta.
- Ako se u web pretraživaču pojavi HTML kod, a ne pozadinska slika, datoteka indeksa.HTML je spremljen kao dokument u RTF formatu. U ovom slučaju uredite HTML datoteku u drugom uređivaču teksta.
2. Izvršite promjene u HTML datoteci. U prozoru uređivača teksta stavite kursor između oznaka i unesite "Zdravo, svijet!". Osvježite stranicu u pretraživaču tako da se uneseni tekst prikazuje na pozadini slike.
4. dio 5:
Kako razumjeti HTML kodjedan. Sjetite se koje su oznake u HTML-u i CSS-u. HTML kod sastoji se od oznaka otvaranja i zatvaranja. Na primjer, oznaka i otvara se - Zatvaranje. Na svakoj početnoj oznaci treba imati odgovarajuću oznaku za zatvaranje web stranice ispravno.
2. Sjetite se doctype oznake. Visokokvalitetni HTML kôd mora početi . Ova oznaka obavještava web pretraživač da je HTML datoteka HTML datoteka.
3. Izvršite promjene u HTML datoteci. U prozoru uređivača teksta stavite kursor između oznaka i unesite "Zdravo, svijet!". Osvježite stranicu u pretraživaču tako da se uneseni tekst prikazuje na pozadini slike.
4. Sjetite se koje su oznake u HTML-u i CSS-u. HTML kod sastoji se od oznaka otvaranja i zatvaranja. Na primjer, oznaka i otvara se - Zatvaranje. Na svakoj početnoj oznaci treba imati odgovarajuću oznaku za zatvaranje web stranice ispravno.
pet. Zapamti oznaku . Sadrži tekst koji se prikazuje u naslovom prozora preglednika, kao i tekst prikazan na kartici pretraživač.
6. Zapamti oznaku Označava sadržaj CSS-a. Sve što je između oznaka
7. Zapamti oznaku . Bilo koji tekst koji se nalazi između oznaka , bit će prikazano kao uneseno (ako nije HTML ili CSS kod).
osam. Izvršite promjene u HTML datoteci. U prozoru uređivača teksta stavite kursor između oznaka i unesite "Zdravo, mir!". Osvježite stranicu u pretraživaču tako da se uneseni tekst prikazuje na pozadini slike.
Dio 5 od 5:
Kako razumjeti CSS kodjedan. Izračunajte CSS kod. U datoteci indeksa.HTML CSS kôd smješten između oznaka
2. Pogledajte CSS kod.
3
Telo {pozadina-slika: URL ("Pozadina.jpg") -}
4. Zapamtite dijelove CSS kodova. CSS stilovi sastoje se od dva dijela: selektor i najave.
- U našem primjeru Telo - Ovo je selektor i
Pozadina-slika: URL ("Pozadina.jpg") - Ovo je najava.
- Selektor može biti bilo koja HTML oznaka.
- Oglasi se uvijek sastoje u kovrčavim grudnjacima {}.
pet. Zapamtite šta je CSS najava. CSS oglas sastoji se od dva dijela: svojstva i vrijednosti. Sadržaj u kovrčavim nosačima
pozadinska slika je imovina kao URL ("Pozadina.jpg") je značenje.
pozadinska slika je imovina kao URL ("Pozadina.jpg") je značenje.
- Nekretnina opisuje temu (u našem primjeru je pozadinsko uzorak), a vrijednost je stil stavke (u našem primjeru je slika sa slikom).
- Nekretnina i vrijednost uvijek su odvojeni debelom creva (:).
- CSS oglasi uvijek završavaju s zarezom (-).