HyperText Markup Language (HTML) -kielellä on useita tapoja näyttää ja luoda grafiikkaa HTML -asiakirjassa. Yleisimmin käytetty HTML -grafiikkatyyppi ovat kuvat, jotka sijoitetaan suoraan HTML -sivulle, joita kutsutaan upotetuiksi kuviksi, vaikka on olemassa muita menetelmiä – kuten komentosarjakielen tai kootun verkkosovelluksen käyttäminen -, joita voidaan käyttää samojen tulosten saavuttamiseen. Dynaamisesti luotua grafiikkaa kaavioille tai kaavioille voidaan käyttää skaalautuvaa vektorigrafiikkaa (SVG). On myös joitain HTML -perusgrafiikkaa, joita kielimääritykset tukevat eivätkä vaadi ulkoisia tiedostoja, kuten vaakasuoria viivoja ja luettelomerkkejä luettelossa. Monimutkaisempi HTML-grafiikka voidaan saavuttaa käyttämällä komentosarjakieltä, CSS-tyylisivuja (CSC) ja HTML-kangas-elementtiä.
Ylivoimaisesti inline HTML -grafiikka on eniten käytetty ja yksinkertaisin tapa sijoittaa kuva HTML -asiakirjaan. Tämä tarkoittaa pohjimmiltaan kuvan luomista kuvankäsittelyohjelmassa, sen tallentamista yleisesti käytettyyn tiedostomuotoon ja sitten kuvatiedoston nimen ja sijainnin määrittämistä HTML -asiakirjassa IMG -tunnisteella. Inline -grafiikan sisällyttämisen asiakirjaan yksinkertaisuuden lisäksi useimpien verkkoselainten hahmonnusmoottori voi helposti sijoittaa grafiikan monimutkaisemmille sivuasetteluille ilman muotoilua. Yksi komplikaatio, joka voi ilmetä upotetussa kuvassa, on se, että kuvan kokoa on ehkä skaalattava, jotta se mahtuu poikkeuksellisen suuriin tai pieniin näyttöihin katseltaessa, mikä saattaa heikentää kuvan laatua.
Skaalautuva vektorigrafiikka on monimutkaisempi HTML -grafiikan tyyli. SVG -kuva piirretään määrittelemällä muodot, polut ja viivapainot, ja se piirretään lennossa, kun käyttäjä katselee asiakirjaa. Tämä tekee SVG: stä hyvän valinnan dynaamisten tietojen, kuten kaavioiden tai kaavioiden, näyttämiseen, mutta tekee niistä erittäin epäkäytännöllisen käyttää muun tyyppisille grafiikoille, kuten fotorealististen kuvien rakentamiselle. Yksinkertaisessa HTML -grafiikassa ja tilanteissa, joissa ulkoista kuvatiedostoa ei voida ladata, SVG saattaa olla toimiva vaihtoehto.
Kun kehitetään HTML -version 5 kielistandardia (HTML5), dynaamisia HTML -grafiikoita voidaan luoda HTML -peruskielellä. Tämä tehdään piirtämällä suoraan erityiselle pinnalle, joka tunnetaan kankaana HTML -asiakirjassa. Käyttämällä JavaScript®: ää ja CSS: ää tämä menetelmä voi luoda animaatioita tai pelejä, jotka voivat vastata käyttäjän antamiin tietoihin tai säätää grafiikkaa verkkoselaimen asetuksista tai muista tiedoista riippuen. HTML5 -grafiikan luominen voi kuitenkin olla monimutkainen toimenpide, joka voi johtaa pitkiin komentosarjakoodilohkoihin, jotka saattavat toimia hyvin hitaasti joillakin tietokoneilla tai laitteilla.