استخدام <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>
نصائح لتحسين إمكانية الاستخدام وإمكانية الوصول:
- استخدم دائمًا نصًا بديلاً لوصف الصورة بدقة.
- استخدم أحجام صورة مناسبة لسرعة تحميل الصفحة.
- تجنب استخدام الصور المتحركة أو الوامضة التي قد تزعج بعض المستخدمين.