Kaikki kuvat, jotka haluat linkittää verkkosivustollesi HTML tulisi ensin ladata samaan paikkaan, johon lähetät verkkosivun HTML-koodin, riippumatta siitä, onko sivusto isännöity verkkopalvelimelle, johon pääset FTP tai käytät verkkopalvelua. Jos käytät verkkopalvelua, käytät todennäköisesti palvelun tarjoamaa latauslomaketta. Nämä lomakkeet ovat yleensä isännöintitilisi hallinnointiosassa.
Kuvasi lataaminen isännöintipalveluun on vasta ensimmäinen askel. Sitten sinun on lisättävä tunniste HTML-koodiin sen tunnistamiseksi.
Kuvien lataaminen samaan hakemistoon kuin HTML
Valokuvat voivat sijaita samassa hakemistossa kuin HTML. Jos näin on:
- Lähetä kuva verkkosivustosi juuriin.
- Lisää kuvalappu HTML-koodiin osoittamaan kuvaan.
- Lataa HTML-tiedosto verkkosivustosi juuriin.
- Testaa tiedosto avaamalla sivu selaimessasi.
Kuvalappu on seuraavan muotoinen:
Olettaen, että lataat valokuvan kuusta nimellä "lunar.jpg", kuvalappu on seuraavanlainen:
Korkeus ja leveys ovat valinnaisia, mutta suositeltavia. Nämä oletusarvot ovat pikseleinä, mutta ne voidaan ilmaista myös prosentteina:
Kuvalappu ei vaadi sulkemistunnistetta.
Jos linkität kuvan toisessa asiakirjassa, käytä ankkuritunnisteita ja sijoita kuvalappu sen sisälle.
Kuvien lataaminen alihakemistoon
On tavallista tallentaa kuvia alihakemistoon, jota yleensä kutsutaan Kuvat. Jotta voit osoittaa kyseisessä hakemistossa oleviin kuviin, sinun on tiedettävä, missä se on suhteessa verkkosivustosi juuriin.
Verkkosivustosi juuressa URL-osoite näkyy ilman hakemistoja lopussa. Esimerkiksi "MyWebpage.com" -nimisen verkkosivuston juuri noudattaa tätä muotoa: http://MyWebpage.com/. Huomaa kauttaviiva lopussa. Näin hakemiston juuri ilmoitetaan yleensä. Alihakemistot sisältävät kyseisen kauttaviivan osoittamaan, missä he istuvat hakemistorakenteessa. MyWebpage-esimerkkisivustolla voi olla rakenne:
http://MyWebpage.com/ - juurihakemisto
http://MyWebpage.com/products/ - tuoteluettelo
http://MyWebpage.com/products/documentation/ - tuotehakemiston alla oleva dokumentaatiohakemisto
http://MyWebpage.com/images/ - kuvahakemisto
Tässä tapauksessa, kun osoitat kuvaan kuvahakemistossa, kirjoitat:
Tätä kutsutaan ehdoton polku kuvallesi.
Yleisiä ongelmia kuvissa, joita ei näytetä
Kuvien näyttäminen verkkosivullasi voi olla aluksi haastavaa. Kaksi yleisintä syytä on, että kuvaa ei lähetetty kohtaan, johon HTML osoittaa, tai HTML on kirjoitettu väärin.
Ensimmäinen asia on nähdä, löydätkö kuvasi verkosta. Suurimmalla osalla palveluntarjoajista on jonkinlainen hallintatyökalu, jonka avulla voit nähdä, mihin olet ladannut kuvasi. Kun luulet, että sinulla on oikea URL-osoite kuvallesi, kirjoita se selaimeesi. Jos kuva näkyy, sinulla on oikea sijainti.
Tarkista sitten, että HTML-koodisi osoittaa kyseiseen kuvaan. Helpoin tapa tehdä se on liittää kuvan URL-osoite että olet juuri testannut SRC-määritteen. Lataa sivu uudelleen ja testaa.
Kuvalappusi SRC-määritteen ei pitäisi koskaan alkaa C: \ tai tiedosto: Nämä näyttävät toimivan, kun testaat verkkosivua omalla tietokoneellasi, mutta kaikki sivustollasi vierailevat näkevät rikki kuvan. Tämä johtuu siitä, että C: \ osoittaa sijainnin sinun kovalevy. Koska kuva on kiintolevylläsi, se näkyy, kun katsot sitä, mutta se ei ole kenellekään muulle.