W dokumencie HyperText Markup Language (HTML) kod obrazu HTML jest programowaniem używanym do wstawiania obrazów graficznych w różnych punktach układu. Kod jest zazwyczaj serią czytelnych dla człowieka słów kluczowych, którym następnie przypisywane są skojarzone wartości, umieszczone między znakami „większy niż” i „mniejszy niż” wewnątrz dokumentu HTML. Wynikowy kod obrazu HTML informuje przeglądarkę internetową lub inną przeglądarkę dokumentów o lokalizacji pliku obrazu w trybie online lub na dysku, o wymiarach obrazu, o jakimkolwiek specjalnym formatowaniu obrazu oraz o różnych opcjach wyrównania dla innych elementów w kodzie HTML dokument, który go otacza. Obrazy mogą być zagnieżdżane w innych kodach HTML — czasami nazywanych tagami — dzięki czemu mogą być używane jako klikalne linki, elementy listy lub obrazy tła. Dzięki użyciu rozszerzeń kaskadowych arkuszy stylów (CSS) w HTML, wiele innych wartości i właściwości obrazu w dokumencie można również modyfikować, a niektóre języki programowania można osadzić w dokumencie, aby umożliwić podstawowe przetwarzanie obrazu.
Najpopularniejszy kod obrazu HTML składa się ze znacznika obrazu, który w języku HTML jest reprezentowany przez słowo kluczowe IMG. Informuje to przeglądarkę internetową, że obraz zostanie w tym momencie wstawiony do dokumentu i że pojawią się informacje o obrazie. Jedyne wymagane informacje, które muszą znajdować się w znaczniku IMG, to źródło. Do słowa kluczowego SRC przypisywana jest nazwa lub lokalizacja pliku obrazu, co umożliwia przeglądarce załadowanie obrazu. Wartość może być nazwą pliku lub adresem internetowym, który jest również znany jako uniwersalna lokalizacja zasobów (URL), podobnie jak adres witryny internetowej.
Istnieją inne właściwości, które można zdefiniować w kodzie obrazu HTML. Wysokość i szerokość obrazu można wyraźnie podać, co pozwala na zmianę rozmiaru obrazu w celu dopasowania do określonego układu. Można podać tekst alternatywny, aby użytkownicy, którzy nie widzą obrazu, mogli zamiast tego usłyszeć lub przeczytać jego wersję tekstową. Można również ustawić obramowania i odstępy wokół obrazu, nadając obrazowi wyraźny wygląd i rozmieszczenie na stronie internetowej.
Spora ilość kodu HTML obrazu może być użyta do określenia, jak obraz jest wyrównany i jak reszta strony internetowej reaguje na jego obecność. Tekst można ustawić tak, aby opływał obraz z prawej lub lewej strony, lub można go ustawić tak, aby całkowicie pomijał obraz, pozostawiając go nieobciążonym we własnej przestrzeni. Niektóre opcje pozwalają na narysowanie obrazu przez tekst lub inne elementy, a nawet na przepływ jako część układu, dzięki czemu zostanie on umieszczony w linii, tak jak każda inna litera w zdaniu.