كيفية استخدام الصور والفيديوهات في لغة البرمجة HTML

أهمية استخدام الصور في لغة البرمجة HTML:

تُعد عملية عرض الصور في صفحات الويب أمر مهم جداً لأنه يجذب نظر المستخدمين بشكل ملحوظ، و في حال كان الموقع الإلكتروني يحتوي على العديد من النصوص المكتوبة؛ فالصور ستكون إضافة ممتازة ضمن الشروحات المكتوبة، حيث سوف تساعد المستخدم في التعرف على كيفية حل المشكلات أو في حال يريد المستخدم تثبيت برنامج على جهازه الخاص، فإن الصور سوف تساعده في التعرف على كيفية التثبيت خطوة بخطوة.

كيفية استخدام الصور وأهم أنواع الصور التي يتم استخدامها في لغة HTML:

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

وهناك أنواع كثيرة من الصور منها ما هو مدعوم من قبل جميع المتصفحات و منها ما هو مدعوم من بعضها، وأكثر أنواع الصور انتشاراً واستخداماً:

• apng.
• png.
• gif.
• jpg.
• jpeg.
• ico.
• cur.
• jfif.
• pjpeg.
• pjp.
• svg.

أهم أنواع الفيديو التي يتم استخدامها في لغة HTML:

بشكل عام يتم استخدام الوسم <video> عندما يريد المستخدم عرض فيديو في صفحة الويب ولتحديد الفيديو الذي يريد المستخدم عرضه يتم استخدام  الوسم <source>. وهناك مجموعة من أنواع الفيديوهات التي تعمل على جميع المتصفحات، بدون الحاجة لأي إضافات وهذه الأنواع الرئيسية هي:

• mp4.
• webm.
• ogg.

وهناك مجموعة من الخصائص التي تميز كل فيديو عن الآخر وهي:

• width: لتحديد عرض نافذة الفيديو التي يريد المستخدم عرضه في الصفحة، والرقم الذي نمرره لها يمثل العرض بالبيكسل.

• height: لتحديد طول نافذة الفيديو التي يريد المستخدم عرضه في الصفحة.

• control: تُستخدم لإظهار أزرار تحكم في نافذة الفيديو.