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 datoteku
  1. Slika pod nazivom 2627945 1 1
jedan. 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.
  • Slika pod nazivom 2627945 2 1
    2. Kopirajte pozadinsku sliku u kreiranu mapu.
  • Ako niste baš oprezni o tome kako će se vaša web lokacija otvoriti na starim uređajima ili uređajima s sporom internetskom vezom, koristite sliku veću rezoluciju. Kao pozadina, slika sa jednostavnim ponavljanjem uzorka je prikladna, jer će tekst biti jasan na njemu.
  • Ako nemate sliku, preuzmite ga besplatno na Internetu i kopirajte u kreiranu mapu.
  • Image pod nazivom 2627945 3 1
    3. Kreirajte HTML datoteku. Otvorite uređivač teksta, a zatim kreirajte novu datoteku. Spremite kao indeks.Html.
  • Možete koristiti bilo koji uređivač teksta, na primjer, notepad u sustavu Windows ili TexteDit u Mac OS X.
  • Ako želite koristiti uređivač teksta za rad sa HTML-om, Preuzmite Atom Editor, koji podržava Windows, MacOs i Linux.
  • Ako koristite TexteDit prije nego što započnete pisati HTML kôd, otvorite meni "Format" i odaberite "Pretvori u jednostavan tekst". U ovom slučaju, HTML datoteka će se ispravno opteretiti u web pretraživaču.
  • Snažni urednici teksta poput Microsoft Word-a nisu baš dobro prilagođeni za pisanje HTML koda, jer dodaju nevidljive znakove i oblikovanje, što može spriječiti tačan prikaz sadržaja sadržaja HTML datoteke u web pretraživaču.
  • Dio 2 od 5:
    Kako napisati HTML kod
    1. Slika pod nazivom 2627945 4 1
    jedan. 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 (" ") -}
  • Slika pod nazivom 2627945 5 1
    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.
  • Spremite HTML datoteku.Slika pod nazivom 2627945 6 1
  • Dio 3 od 5:
    Kako pregledati HTML datoteku
    1. Slika pod nazivom 2627945 7 1
    jedan. 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.
  • Slika pod nazivom 2627945 8 1
    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 kod
    1. Slika pod nazivom 2627945 9 1
    jedan. 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.
  • Slika pod nazivom 2627945 10 1
    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.
  • Slika pod nazivom 2627945 11 1
    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.
  • Image Nasloven 2627945 12 1
    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.
  • Slika pod nazivom 2627945 13 1
    pet. Zapamti oznaku . Sadrži tekst koji se prikazuje u naslovom prozora preglednika, kao i tekst prikazan na kartici pretraživač.
  • Slika pod nazivom 2627945 14 1
    6. Zapamti oznaku Označava sadržaj CSS-a. Sve što je između oznaka
  • Slika pod nazivom 2627945 15 1
    7. Zapamti oznaku . Bilo koji tekst koji se nalazi između oznaka , bit će prikazano kao uneseno (ako nije HTML ili CSS kod).
  • Slika pod nazivom 2627945 16 1
    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 kod
    1. Slika pod nazivom 2627945 17 1
    jedan. Izračunajte CSS kod. U datoteci indeksa.HTML CSS kôd smješten između oznaka
  • Slika pod nazivom 2627945 18 1
    2. Pogledajte CSS kod.
  • 3
    Telo {pozadina-slika: URL ("Pozadina.jpg") -}
  • Slika pod nazivom 2627945 19 1
    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 {}.
  • Image Nasloven 2627945 20
    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.
      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 (-).
  • Slične publikacije