Kun henkilö luo verkkosivun, joka sisältää kuvan, kuvaa ei itse asiassa lisätä sivulle muiden tietojen kanssa. Kuvien näyttämiseksi verkossa käytetään HTML -kuvalinkkiä kuvan upottamisen sijaan. Jos haluat käyttää HTML -kuvalinkkiä, HTML -tunnistetta käytetään antamaan tiedot siitä, mihin kuva on tallennettu ja mihin sitä voidaan käyttää. Tätä tunnistetta voidaan käyttää kaikissa selaimissa, ja sitä voidaan käyttää lataamaan kaikki selainten tukemat kuvatyypit.
Käyttäen tagi ei yksin anna tietoja verkkosivulle, jonka on tarkoitus sisältää kuva. On olemassa kaksi määritettä, joita tarvitaan, jotta HTML -kuvalinkki kirjoitetaan oikein, jotta kuva latautuu verkkosivun latautuessa. On myös useita valinnaisia määritteitä, jotka voidaan sisällyttää lisätietoja varten. Kuvalinkin kirjoittamiseen tarvittavat määritteet ovat src ja alt.
HTML -kuvalinkin src -määritteellä määritetään kuvan osoite tai URL -osoite. URL -osoite voi olla kahdessa muodossa. Absoluuttinen URL -osoite tarjoaa täydellisen verkko -osoitteen, joka ohjaa kuvan toisella verkkosivustolla. Esimerkki absoluuttisen URL -osoitteen lisäämisestä src -määritteeseen olisi seuraava: src = ”http://www.web -sivusto.com/image.jpg” – jossa website.com osoittaa toiseen sivustoon ja image.jpg tiettyyn sivustoon kuva.
Toinen vaihtoehto URL -osoitteelle src -määritteessä on kirjoittaa suhteellinen URL -osoite. Suhteellisen URL -osoitteen tapauksessa verkko -osoite tarjoaa linkin samaan verkkosivustohakemistoon olevaan kuvaan. Suhteellinen URL -osoite on katkaistu versio absoluuttisesta URL -osoitteesta, koska kuva sijaitsee samassa paikassa kuin verkkosivu. Esimerkkejä src -määritteestä, jolla on suhteellinen URL -osoite, ovat: src = ”image.jpg” tai src = ”images/image.jpg”. Ainoa ero näissä esimerkeissä on missä kuva sijaitsee, koska se sijaitsee toisen esimerkin kuvat -kansiossa.
Toinen pakollinen määrite on alt, joka tarjoaa kuvalle vaihtoehtoisen tekstin. Tämä ei ole teksti, joka näytetään, jos käyttäjä vie hiiren kuvan päälle, vaan teksti, joka näkyy, jos kuvaa ei jostain syystä voida näyttää. On monia syitä, miksi kuva ei välttämättä näy, mukaan lukien tapaukset, joissa src -määritteen URL -osoite on väärä tai rikki tai kun näkövammainen käyttäjä käyttää näytönlukuohjelmaa.
HTML -kuvalinkin yksinkertaisin koodi näyttää seuraavanlaiselta: . Koska tunnisteessa ei ole lopputunnistetta, joten on tärkeää lopettaa se /> -merkillä, jotta selain tietää, että ohje on päättynyt. Src -attribuutti osoittaa kuvan sijainnin, joten on tärkeää varmistaa, että linkit muille sivustoille eivät ole rikki ja että kuvia ei siirretä verkkosivuston hakemistossa, ja korjata linkit, jos ongelmia ilmenee.