HTML Tutorial

عنصر <img>

استخدام <img>:

علامة <img> تُستخدم لإدراج الصور في مستندات HTML.

سمات <img>:

  • src: عنوان URL للصورة.
  • alt: نص بديل يصف الصورة للمستخدمين الذين لا يمكنهم رؤية الصورة (لتحسين إمكانية الوصول).
  • width: عرض الصورة بالبكسلات.
  • height: ارتفاع الصورة بالبكسلات.

أمثلة على <img>:

<img src="image.jpg" alt="صورة لغروب الشمس">

مثال HTML لاستكشاف علامة <img>:

<!DOCTYPE html>
<html>
<body>

<p>هذه صورة لغروب الشمس:</p>

<img src="sunset.jpg" alt="صورة لغروب الشمس">

</body>
</html>

نصائح لتحسين إمكانية الاستخدام وإمكانية الوصول:

  • استخدم دائمًا نصًا بديلاً لوصف الصورة بدقة.
  • استخدم أحجام صورة مناسبة لسرعة تحميل الصفحة.
  • تجنب استخدام الصور المتحركة أو الوامضة التي قد تزعج بعض المستخدمين.