Obraz w wierszu to obraz graficzny, który jest wstawiany na stronę internetową w celu dodania atrakcyjności wizualnej, dostarczenia informacji lub przedstawienia hiperłącza. Obrazy w tekście są zwykle w formatach GIF, JPEG lub PNG. Są one włączane do strony internetowej za pomocą schematu URI danych.
Identyfikatory URI danych umożliwiają osadzanie danych o niewielkich rozmiarach, które można natychmiast pobrać przez przeglądarkę. Obrazy wbudowane są pobierane przez przeglądarkę wraz z kodem HTML i wyświetlane jako część dokumentu internetowego. Aby przeglądarka mogła pobierać i wyświetlać obrazy bez zbytniego czasu i kłopotów, zaleca się używanie niewielkich obrazów wbudowanych.
Większe obrazy spowolniłyby czas ładowania i spowodowały, że witryna długo pojawiała się na ekranie. Większość odwiedzających witrynę internetową nie ma cierpliwości, by kręcić się w pobliżu, aby zobaczyć, jak to się dzieje. Wpłynęłoby to negatywnie na ruch w witrynie.
Obrazy HTML inline są pozyskiwane z serwera witryny, w której mają być wyświetlane, lub dołączane z innych serwerów zewnętrznych. Używanie wbudowanych obrazów ze źródeł zewnętrznych jest kwestią sporną, ponieważ można to zrobić bez pozwolenia. Znacznik img służy do wstawiania obrazów w tekście do akapitów i nagłówków na stronie internetowej. Tagu img nie można używać w postaci swobodnej. Musi być zamknięty w innym elemencie.
Wymaganym atrybutem znacznika img jest atrybut src. Atrybut src określa adres internetowy lub URL, z którego przeglądarka może pobrać plik obrazu. Oprócz atrybutu src, wbudowane obrazy HTML mogą być definiowane przez trzy opcjonalne atrybuty. Są to alt, align i ismap.
Atrybut alt zapewnia alternatywę dla tekstu wbudowanego obrazu. Tak więc w przypadku, gdy przeglądarka widza nie obsługuje grafiki, widz zobaczy tekst zamiast obrazu. Użycie atrybutu alt jest wysoce zalecane.
Wartość atrybutu alt może być pustym ciągiem. Na przykład, jeśli istnieje obrazek dekoracyjny, nie jest konieczne dostarczanie dla niego tekstu alternatywnego. Dlatego wartość atrybutu alt można pozostawić pustą.
Wbudowany styl obrazu można ustawić za pomocą atrybutu align. Atrybut align informuje przeglądarkę, gdzie musi pojawić się wbudowany obraz w odniesieniu do tekstu na stronie internetowej. Wbudowany obraz można wyrównać z górą, środkiem lub dołem sąsiedniego tekstu na stronie internetowej.
Za pomocą atrybutu ismap można oznaczyć obraz w wierszu jako aktywną mapę obrazu. Oznacza to, że za każdym razem, gdy ktoś kliknie na różne części, można stworzyć różne części obrazu, aby wywołać różne działania. Na przykład, jeśli istnieje wbudowany obraz przedstawiający Ziemię i Saturna, kliknięcie Ziemi może prowadzić do informacji o Ziemi, a kliknięcie Saturna może prowadzić do informacji o Saturnie.
W przeciwieństwie do atrybutów alt i align, atrybut ismap nie działa przez zwykłe włączenie do znacznika img. Wymaga konfiguracji na serwerze. Może być również wymagana pewna wiedza programistyczna.