Sve slike koje želite povezati na web mjestu HTML prvo treba prenijeti na isto mjesto na koje šaljete HTML za web stranicu, bez obzira je li web mjesto hostirano na web poslužitelju do kojeg dolazite FTP ili koristite uslugu web hostinga. Ako koristite uslugu web hostinga, vjerojatno koristite obrazac za prijenos koji pruža usluga. Ti su obrasci obično u odjeljku za administraciju vašeg računa hostinga.
Prijenos vaše slike na uslugu hostinga samo je prvi korak. Zatim morate dodati oznaku u HTML kako biste je identificirali.
Prijenos slika u isti direktorij kao i HTML
Vaše se fotografije mogu nalaziti u istom direktoriju kao i HTML. Ako je to slučaj:
- Prenesite sliku u korijen svoje web stranice.
- Dodajte oznaku slike u HTML kako biste usmjerili na sliku.
- Učitajte HTML datoteku u korijen vaše web stranice.
- Testirajte datoteku otvaranjem stranice u web pregledniku.
Oznaka slike ima sljedeći format:
Pod pretpostavkom da prenosite mjesečevu fotografiju s imenom "lunar.jpg", oznaka slike ima sljedeći oblik:
Visina i širina nisu obavezni, ali se preporučuju. Te zadane vrijednosti su u pikselima, ali se također mogu izraziti u postocima:
Oznaka slike ne zahtijeva završnu oznaku.
Ako povezujete sa slikom u drugom dokumentu, upotrijebite sidrene oznake i umetnite oznaku slike unutra.
Prijenos slika u poddirektorij
Uobičajenije je pohranjivanje slika u poddirektorij, koji se obično naziva Slike. Da biste uputili na slike u tom direktoriju, morate znati gdje se nalazi u odnosu na korijen vaše web stranice.
Korijen vaše web stranice je mjesto na kojem se prikazuje URL, bez ikakvih direktorija na kraju. Na primjer, za web mjesto nazvano "MyWebpage.com" korijen slijedi ovaj obrazac: http://MyWebpage.com/. Primijetite crtu na kraju. Tako se obično označava korijen direktorija. Poddirektoriji uključuju tu kosu crtu da pokažu gdje se nalaze u strukturi direktorija. Primjer web mjesta MyWebpage može imati strukturu:
http://MyWebpage.com/ - korijenski direktorij
http://MyWebpage.com/products/ - imenik proizvoda
http://MyWebpage.com/products/documentation/ - direktorij dokumentacije pod imenikom proizvoda
http://MyWebpage.com/images/ - direktorij slika
U ovom slučaju, kada pokažete na svoju sliku u direktoriju slika, napišete:
To se naziva apsolutni put na vašu sliku.
Uobičajeni problemi sa slikama koje se ne prikazuju
Prikazivanje slika na vašoj web stranici u početku može biti izazov. Dva su najčešća razloga što slika nije prenesena tamo gdje HTML pokazuje ili je HTML pogrešno napisan.
Prvo što trebate učiniti je provjeriti možete li pronaći svoju sliku na mreži. Većina pružatelja usluga hostinga imaju neku vrstu alata za upravljanje pomoću kojeg možete vidjeti gdje ste prenijeli slike. Nakon što mislite da imate ispravan URL za svoju sliku, unesite je u svoj preglednik. Ako se slika prikaže, tada imate točno mjesto.
Zatim provjerite vodi li vaš HTML tu sliku. To ćete najlakše zalijepiti URL slike da ste upravo testirali atribut SRC. Ponovo učitajte stranicu i testirajte.
SRC atribut vaše slikovne oznake nikada ne bi trebao započeti s C: \ ili datoteka: Čini se da će raditi kada testirate svoju web stranicu na vlastitom računalu, ali svi koji posjete vašu stranicu vidjet će slomljenu sliku. To je zato što C: \ pokazuje na lokaciju na tvoj tvrdi disk. Budući da se slika nalazi na vašem tvrdom disku, prikazuje se kad je pogledate, ali neće ni za koga drugog.