هناك طريقتان رئيسيتان لإضافة الصور إلى الوثيقة : صور المحتوى باستخدام عنصر img والصور الخلفية المطبقة على العناصر باستخدام CSS. عند استخدام ما يعتمد على ما تريد القيام به :

إذا كانت الصورة في مضمون الوثيقه ينبغي ادراجها بعنصر الـ img.
إذا كانت الصورة يراد وضعها بتنسيق معين او كخلفيه لابج من تنسيقها باستخدام css.

 عنصر img وخصائصه

إضافة صورة إلى مستند HTML من السهل جدا استخدام عنصر الـ img. الوثيقة التالية HTML (inlineimageexample.html في ملف مضغوط) يعرض balconyview.jpg الصورة في مستعرض.

صور الخلفية مع CSS

CSS يعني أيضا أن تتمكن من استخدام صور الخلفية في الصور، يمكنك وضعها وراءهم، وحول النص بالطريقة التي تريدها ، مع وجود تنوع بأنماط الخلفيات.