Hiperteksto žymėjimo kalboje (HTML) yra keletas būdų, kaip HTML dokumente rodyti ir kurti grafiką. Plačiausiai naudojamas HTML grafikos tipas yra vaizdai, kurie dedami tiesiai į HTML puslapį, vadinami tiesioginiais vaizdais, nors yra ir kitų metodų, pvz., naudojant scenarijų kalbą ar kompiliuotą žiniatinklio programą, kuriuos galima naudoti norint pasiekti tokius pat rezultatus. Dinamiškai generuojamai diagramų ar grafikų grafikai galima naudoti keičiamo dydžio vektorinę grafiką (SVG). Taip pat yra keletas pagrindinių HTML grafikų, kurie palaikomi pagal kalbos specifikaciją ir kuriems nereikia išorinių failų, pvz., horizontalių linijų ir ženklelių sąraše. Sudėtingesnę HTML grafiką galima pasiekti naudojant scenarijų kalbą, pakopinius stilių lapus (CSS) ir HTML drobės elementą, suteikiantį vietinę parinktį kai kuriems efektams, kurie anksčiau buvo įmanomi tik naudojant išorinius objektus ir papildinius.
Iki šiol įterptinė HTML grafika yra dažniausiai naudojamas ir paprasčiausias būdas įdėti vaizdą į HTML dokumentą. Tai iš esmės apima vaizdo sukūrimą vaizdų rengyklėje, įrašymą į dažniausiai naudojamą failo formatą ir vaizdo failo pavadinimo bei vietos nurodymą HTML dokumente su IMG žyma. Be to, kad dokumente paprasta įtraukti įterptą grafiką, daugumos žiniatinklio naršyklių atvaizdavimo variklis gali lengvai įdėti grafiką į sudėtingesnius puslapio maketus be jokių formatavimo artefaktų. Viena komplikacijų, galinčių kilti naudojant įterptą vaizdą, yra ta, kad vaizdo dydį gali tekti pakeisti, kad jį peržiūrint jis tilptų ypač dideliuose arba mažuose ekranuose, o tai gali sumažinti vaizdo kokybę.
Keičiama vektorinė grafika yra sudėtingesnis HTML grafikos stilius. SVG vaizdas nubraižytas apibrėžiant formas, kelius ir linijų storį ir nupieštas vartotojui peržiūrint dokumentą. Dėl to SVG yra geras pasirinkimas dinaminiams duomenims, pvz., diagramoms ar diagramoms, rodyti, tačiau dėl to juos labai nepraktiška naudoti kuriant kitų tipų grafiką, pavyzdžiui, kuriant fotorealistinius vaizdus. Paprastai HTML grafikai ir tais atvejais, kai negalima įkelti išorinio vaizdo failo, SVG gali būti tinkamas pasirinkimas.
Sukūrus HTML 5 versijos kalbos standartą (HTML5), dinaminę HTML grafiką galima sukurti naudojant pagrindinę HTML kalbą. Tai atliekama piešiant tiesiai ant specialaus paviršiaus, žinomo kaip drobė HTML dokumente. Naudojant JavaScript® ir CSS, šis metodas gali sukurti animaciją arba žaidimus, kurie gali reaguoti į vartotojo įvestį arba koreguoti grafiką, priklausomai nuo žiniatinklio naršyklės nustatymų ar kitų duomenų. Tačiau HTML5 grafikos kūrimas gali būti sudėtinga procedūra, dėl kurios gali atsirasti ilgi scenarijaus kodo blokai, kurie kai kuriuose kompiuteriuose ar įrenginiuose gali būti vykdomi labai lėtai.