Köprü Metni Biçimlendirme Dili'nde (HTML) bir HTML belgesinde grafik görüntülemek ve oluşturmak için çeşitli yollar vardır. En yaygın kullanılan HTML grafikleri türü, doğrudan HTML sayfasına yerleştirilen, satır içi görüntüler adı verilen, ancak aynı sonuçları elde etmek için kullanılabilecek bir komut dosyası dili veya derlenmiş web uygulaması gibi başka yöntemler olsa da görüntülerdir. Grafikler veya grafikler için dinamik olarak oluşturulan grafikler için ölçeklenebilir vektör grafikleri (SVG) kullanılabilir. Ayrıca, dil özellikleri tarafından desteklenen ve listede yatay çizgiler ve madde işaretleri gibi harici dosyalar gerektirmeyen bazı temel HTML grafikleri de vardır. Bir betik dili, basamaklı stil sayfaları (CSS) ve HTML tuval öğesi kullanılarak daha karmaşık HTML grafikleri elde edilebilir; bu, daha önce yalnızca harici nesneler ve eklentiler aracılığıyla mümkün olan bazı efektler için yerel bir seçenek sunar.
Şimdiye kadar, satır içi HTML grafikleri, bir HTML belgesine görüntü yerleştirmek için en kullanılan ve en basit yoldur. Bu, temel olarak bir görüntü düzenleyicide bir görüntü oluşturmayı, yaygın olarak kullanılan bir dosya biçimine kaydetmeyi ve ardından görüntü dosyasının adını ve konumunu HTML belgesinde IMG etiketiyle belirtmeyi içerir. Bir belgeye satır içi grafik eklemenin basit olmasının yanı sıra, çoğu web tarayıcısındaki görüntü oluşturma motoru, herhangi bir biçimlendirme eseri olmadan grafiği kolayca daha karmaşık sayfa düzenlerine yerleştirebilir. Satır içi bir görüntüyle ortaya çıkabilecek bir komplikasyon, görüntünün kalitesini potansiyel olarak azaltarak görüntü boyutunun, görüntülendiğinde son derece büyük veya küçük ekranlara sığması için ölçeklendirilmesi gerekebileceğidir.
Ölçeklenebilir vektör grafikleri, daha karmaşık bir HTML grafik stilidir. Şekiller, yollar ve çizgi ağırlıkları tanımlanarak bir SVG resmi çizilir ve kullanıcı belgeyi görüntülerken anında çekilir. Bu, SVG'yi çizelgeler veya grafikler gibi dinamik verileri görüntülemek için iyi bir seçim yapar, ancak bunları fotogerçekçi görüntüler oluşturmak gibi diğer grafik türleri için kullanmaları çok pratik değildir. Basit HTML grafikleri ve harici bir görüntü dosyasının yüklenemediği durumlarda, SVG uygun bir seçenek olabilir.
HTML sürüm 5 dili standardının (HTML5) geliştirilmesiyle, temel HTML dilinde dinamik HTML grafikleri oluşturmak mümkündür. Bu, doğrudan bir HTML belgesinde tuval olarak bilinen özel bir yüzeye çizilerek yapılır. JavaScript® ve CSS kullanarak, bu yöntem, kullanıcı girişine cevap verebilecek veya web tarayıcısının veya diğer verilerin ayarlarına bağlı olarak grafikleri ayarlayabilecek animasyonlar veya oyunlar oluşturabilir. Bununla birlikte, bir HTML5 grafiği oluşturmak, bazı bilgisayarlarda veya cihazlarda çok yavaş çalışabilen uzun kodlama blokları bloklarına neden olabilecek karmaşık bir prosedür olabilir.
