Kun luot verkkosivun HTML -koodilla, kuvatunnistetta käytetään valokuvan tai grafiikan lisäämiseen tiettyyn paikkaan sivulla. On monia tapoja, joilla kuvia voidaan käyttää verkkosivuilla, kiinnostuksen lisäämisestä navigointityökaluksi tai tietojen toimittamiseen. Käytettävissä on myös useita eri kuvamuotoja. Riippumatta siitä, miten tai mikä kuva lisätään verkkosivulle, kuvatunniste vaaditaan aina.
Jos haluat lisätä kuvan, kuvatunniste sisältyy kohtaan, jossa haluat kuvan näkyvän sivullasi. Jos esimerkiksi kuva lisätään tämän kappaleen jälkeen, kuvatunniste tai , lisätään HTML -asiakirjaan tämän kappaleen jälkeen. Tunniste määrittelee kaikki kuvat HTML -muodossa. Sitä kutsutaan tyhjäksi tunnisteeksi, koska se sisältää määritteitä eikä sillä ole sulkutunnistetta. Määritteet ovat vaihtoehtoja, jotka ovat käytettävissä tietylle HTML -tunnisteelle.
Jos vain lisättiin HTML -asiakirjaan, mikään ei näy, koska tagin määritteitä ei ole sisällytetty. Tärkein ominaisuus on “src”, joka tarkoittaa lähdettä. Attribuutti src kertoo, missä kuvatiedosto todella sijaitsee, tai se on kuvatiedoston osoite. Koska kuvaa käytetään verkkosivulla, kuvan sijainti annetaan URL -osoitteena. HTML -asiakirjassa kuva näyttäisi tältä: .
Erityisesti URL -osoite osoittaa mihin kuva on tallennettu. Jos esimerkiksi tietokoneen kuva, jonka tiedostonimi on computer.jpg, olisi tallennettu www.Same OG.com -sivuston kuvat -kansioon, URL -osoite korvataan seuraavalla: . Kun selain avaa verkkosivun, se näyttää kuvan, johon kuvatunniste sisältyy.
Kuvatagissa on useita muita määritteitä. Niiden avulla käyttäjä voi säätää kuvan ulkoasua sivulla. Tälle tunnisteelle käytetään yleisesti seuraavia määritteitä: alt, border, size ja align.
Attribuutti alt tarkoittaa vaihtoehtoista tekstiä ja se näytetään, jos selain ei pysty näyttämään kuvaa. Vaihtoehtoinen teksti luetaan myös niille käyttäjille, jotka ovat näkövammaisia ja haluavat näyttää tekstin kuvien päällä. Yllä olevassa esimerkissä vaihtoehtoinen teksti voidaan esittää muodossa alt = ”tietokoneen kuva”.
Raja -attribuutti lisää kuvaan reunuksen, jonka paksuus määräytyy ilmoitetun pikselimäärän mukaan. Tästä voi olla hyötyä erityisesti silloin, kun kuvan tausta ja verkkosivuston tausta ovat samankaltaisia ja halutaan tehdä selvä ero. Esimerkiksi reunus = ”10” asettaa 10 pikselin paksuisen reunan kuvan ympärille.
Kokomääritteet ovat myös tärkeitä, koska leveyden ja korkeuden avulla voidaan määrittää kuvan tarkka koko. Näitä ominaisuuksia on käytettävä erittäin huolellisesti, koska niiden muuttaminen voi vaikuttaa näytettävän kuvan mittasuhteisiin tai laatuun. Kokomääritteet eivät muuta varsinaista tiedostoa, vaan selain näyttää sen.
Määritteen kohdistus määrittää, miten kuva tasataan sivun tekstiin verrattuna. Tällä määritteellä on useita vaihtoehtoja, mukaan lukien ylhäältä, alhaalta, keskeltä, vasemmalta, oikealta, absmiddle, absbottom, baseline ja texttop. Nämä tunnisteet auttavat myös määrittämään, miten sivun teksti on kuvan mukainen.