[ HTML ] - وسـم الصـور | img ~

آخبآركم آخوآني الآعزآء عسآكم بخير وصحه وسلآمه

اليوم معي موضوع جديد , وهي وسم الصور في HTML

ندخل في الموضوع ~

مآ هو وسم الصور ؟

هو وسم يتيح رفع صوره ع الصفحه الخاصه بك

مآ هو الكود ؟ كيفيه آستعمآله ؟

كل هذا سنشرحه بآذن الله في هذا الدرس , بآذن الوآحد الآحد

1 : # الكود

كود HTML

?

1

الكود:: <

الكود:: img

الكود:: src

الكود:: =

الكود:: "email2.png"

الكود:: width

الكود:: =

الكود:: "50px"

الكود:: height

الكود:: =

الكود:: "50px"

الكود:: alt

الكود:: =

الكود:: "ماذا يظهر للزائر اذا لم تكن موجوده الصوره"

الكود:: title

الكود:: =

الكود:: "img"

الكود:: />

2 : # الشرح

كود HTML

?

1	الكود: <img src="email2.png"

^ يستخدم من آجل تحديد مسآر الصوره آما [ مسار من جهآزك , آو رآبط ]

كود HTML

?

1	الكود: width="50px" height="50px"

^ يستخدم لتحديد الطول والعرض للصوره الي ستظهر ع الصفحه

كود HTML

?

1	الكود: alt="عذرآ , قم بتحديث المتصفح الخآص بك"

^ يقوم بتحديد ما سيظهر للزآئر اذا لم تظهر الصوره له

كود HTML

?

1	الكود: title="img"

يقوم بتحديد ما الكلام الذي سيآتي بمجرد مرور المآوس ع الصوره

للتوضيح آكثر

قم بالدخول ع هذه الصفحه

لترى النتيجه ~

http://codepen.io/anon/pen/QbwGYe

آلي هنآ آنهي موضوعي

آتمنى آنه قد نآل آعجآبكم

تحيآتي لكم

نِــآإيْسً .~

» شرح الجداول في لغة html
» درس سهل لي بدهيات HTML يوجد ترجمه لأكود