التعامل مع الصور في HTML

Channel:

Msto Ismail

Subscribers:

840

Published on March 28, 2019 6:11:18 PM ● Video Link: https://www.youtube.com/watch?v=fLKyVtCtZ2o

Duration: 4:25

58 views

10

أعط موقعك الكثير من الحيوية والجمال وذلك باستخدام الصور سواء الثابتة منها أو المتحركة , ويمكنك ادراج الصور باستخدام الوسم وهذا الوسم ليس له وسم اغلاق , ويأتي مع الوسم img خصائص أهمها :
الخاصية src
وهي أهم الخصائص للوسم img فبدونها لن تكون هناك صورة , وفائدة هذه الخاصية تكمن في أنها تخبر متصفح الانترنت أين موقع الصورة التي تريد استخدامها
لخاصية width
هذه الخاصية تمكننا من تحديد مقدار "عرض الصورة" بوحدة "البيكسل"الخاصية height
كما يدل اسمها فهذه الخاصية تمكننا من تحديد مقدار "ارتفاع الصورة" بوحدة "البيكسل" (وليس "طول الصورة" لأنه في الويب ليس هناك شئ اسمه طول أو length) , واستخدامها بسيط فقط ضع مقدار الارتفاع الذي تريده
الخاصية alt
هي اختصار لكلمة (alternative) وتعني "بديل" , وهذه الخاصية مهمة جداً فيما يتعلق بتحسين محركات البحث أو السيو (Search Engine Optimizations) فهي تخبر محركات البحث عما تدل عليه الصورة التي وضعتها في موقعك فمحركات البحث لا تبحث عن الصور وإنما تبحث عما تدل عليه الصور .
أما بالنسبة لمستخدمي موقعك فهذه الخاصية تظهر نص بدلاً من الصورة وتخبر المستخدم بما تدل عليه الصورة في حال حصل خطأ ولم تظهر الصورة في الموقع