الصور

يمكن للصور أن تجعل صفحة الويب أكثر جاذبية، وإضافتها في HTML أمر بسيط باستخدام الوسم <img>. والوسم <img> ذاتي الإغلاق، ما يعني أنه لا يحتاج إلى وسم إغلاق.

لعرض صورة، تحتاج إلى استخدام السمة src. تحدد هذه السمة موقع الصورة (عنوان URL أو مسار الملف). إليك مثال:

<img src="https://coddy.tech/images/bit.svg" />

في هذا المثال، سيحمّل المتصفح الصورة من عنوان URL https://coddy.tech/images/bit.svg ويعرضها.

تُستخدم الوسوم ذاتية الإغلاق، مثل <img>، للعناصر التي لا تحتوي على محتوى بداخلها، لذا لا يكون لها وسم إغلاق. في HTML5، الشرطة المائلة في النهاية اختيارية: <img src="bit.svg"> و<img src="bit.svg" /> كلاهما صالح. يكتب هذا المقرر />.