Mikä on HTML -kuvakoodi?

HyperText Markup Language (HTML) -asiakirjassa HTML -kuvakoodia ohjelmoidaan graafisten kuvien lisäämiseksi asettelun eri kohtiin. Koodi on yleensä sarja ihmisten luettavia avainsanoja, joille annetaan sitten niihin liittyvät arvot, jotka on kääritty HTML-asiakirjan sisällä oleviin suurempiin ja pienempiin merkkeihin. Tuloksena oleva HTML -kuvakoodi kertoo verkkoselaimelle tai muulle asiakirjan katseluohjelmalle kuvatiedoston sijainnin verkossa tai levyasemalla, kuvan mitat, mahdolliset kuvan muotoilut ja eri kohdistusvaihtoehdot HTML -koodin muille elementeille asiakirja, joka ympäröi sitä. Kuvat voidaan upottaa muihin HTML -koodeihin – joita joskus kutsutaan tunnisteiksi – jolloin niitä voidaan käyttää napsautettavina linkkeinä, luettelokohteina tai taustakuvina. Käyttämällä CSS -laajennuksia HTML: ssä voidaan myös muuttaa monia muita asiakirjassa olevan kuvan arvoja ja ominaisuuksia, kun taas jotkut ohjelmointikielet voidaan upottaa asiakirjaan peruskuvankäsittelyn mahdollistamiseksi.

Yleisin HTML -kuvakoodi koostuu kuvatunnisteesta, jota HTML: ssä edustaa avainsana IMG. Tämä kertoo verkkoselaimelle, että kuva lisätään asiakirjaan tässä vaiheessa ja että tietoja kuvasta seuraa. Ainoa vaadittu tieto, jonka on oltava IMG -tunnisteen sisällä, on lähde. Avainsanalle SRC annetaan kuvatiedoston nimi tai sijainti, jolloin selain voi ladata kuvan. Arvo voi olla joko tiedostonimi tai verkko -osoite, joka tunnetaan myös URL -osoitteena, kuten verkkosivuston osoite.

On muitakin ominaisuuksia, jotka voidaan määritellä HTML -kuvakoodissa. Kuvan korkeus ja leveys voidaan antaa nimenomaisesti, jolloin kuvan kokoa voidaan muuttaa sopimaan tiettyyn asetteluun. Vaihtoehtoista tekstiä voidaan toimittaa, jotta käyttäjät, jotka eivät näe kuvaa, voivat sen sijaan kuulla tai lukea sen tekstiversion. Kuvan ympärille voidaan myös asettaa reunat ja välit, jotka antavat kuvan selkeän ulkonäön ja sijoituksen verkkosivulle.

Melko paljon HTML -kuvakoodia voidaan käyttää määrittämään, miten kuva on kohdistettu ja miten muu verkkosivu reagoi sen läsnäoloon. Teksti voidaan asettaa kiertämään kuvan ympärillä oikealla tai vasemmalla puolella, tai se voidaan asettaa ohittamaan kuva kokonaan, jättämättä sitä vapaasti omaan tilaansa. Jotkut vaihtoehdot mahdollistavat kuvan piirtämisen tekstillä tai muilla elementeillä tai jopa kulkua osana asettelua, joten se sisällytetään riville, kuten mikä tahansa muu lauseen kirjain.