Hiperteksto žymėjimo kalbos (HTML) dokumente HTML vaizdo kodas yra programuojamas, naudojamas grafiniams vaizdams įterpti skirtinguose išdėstymo taškuose. Kodas paprastai yra žmogaus skaitomų raktinių žodžių serija, kurioms tada priskiriamos susijusios reikšmės, įterptos tarp didesnio ir mažesnio nei ženklų HTML dokumente. Gautas HTML paveikslėlio kodas žiniatinklio naršyklei ar kitai dokumentų peržiūros programai nurodo paveikslėlio failo vietą internete arba diske, nuotraukos matmenis, bet kokį specialų paveikslėlio formatavimą ir skirtingas kitų HTML elementų lygiavimo parinktis. jį supantis dokumentas. Paveikslėliai gali būti įterpti į kitus HTML kodus (kartais vadinamus žymomis), todėl juos galima naudoti kaip spustelėjamas nuorodas, sąrašo elementus arba fono paveikslėlius. Naudojant pakopinio stiliaus lapo (CSS) plėtinius HTML, daugelis kitų dokumento paveikslėlio verčių ir savybių taip pat gali būti modifikuojamos, o kai kurios programavimo kalbos gali būti įterptos į dokumentą, kad būtų galima apdoroti pagrindinį vaizdą.
Labiausiai paplitęs HTML paveikslėlio kodas susideda iš vaizdo žymos, kurią HTML reiškia raktinis žodis IMG. Tai praneša žiniatinklio naršyklei, kad šiuo metu į dokumentą bus įterptas paveikslėlis ir informacija apie vaizdą bus pateikta. Vienintelė reikalinga informacija, kuri turi būti IMG žymos viduje, vadinama šaltiniu. Raktiniam žodžiui SRC priskiriamas paveikslėlio failo pavadinimas arba vieta, leidžianti naršyklei įkelti vaizdą. Reikšmė gali būti failo pavadinimas arba internetinis adresas, kuris taip pat žinomas kaip universali išteklių vieta (URL), panašiai kaip svetainės adresas.
Yra ir kitų savybių, kurias galima apibrėžti HTML paveikslėlio kode. Vaizdo aukštis ir plotis gali būti aiškiai nurodyti, kad būtų galima pakeisti vaizdo dydį, kad jis tilptų į tam tikrą išdėstymą. Galima pateikti alternatyvų tekstą, kad naudotojai, kurie nemato vaizdo, galėtų išgirsti arba perskaityti tekstinę jo versiją. Taip pat galima nustatyti kraštines ir tarpus aplink vaizdą, suteikiant vaizdui išskirtinę išvaizdą ir vietą tinklalapyje.
Nemažai HTML paveikslėlio kodo galima naudoti norint nustatyti, kaip paveikslėlis išlygiuotas ir kaip likusi tinklalapio dalis reaguoja į jo buvimą. Galima nustatyti, kad tekstas tekėtų aplink vaizdą dešinėje arba kairėje pusėje, arba jį galima nustatyti taip, kad vaizdas būtų visiškai praleistas, paliekant jam neapkrautą savo erdvėje. Kai kurios parinktys leidžia paveikslėlį nupiešti tekstu ar kitais elementais arba netgi tekėti kaip maketo dalį, kad jis būtų įtrauktas į eilutę, kaip ir bet kuri kita sakinio raidė.