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

النشرة البريدية @

عناصر إدراج الصور

دروس، شرح، طريقة، بلوجر

تحتوي هذه المقالة على ما يلي

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

صورة بدون رابط

<img src="picture.png"/>

صورة مع رابط

<a href="link.com"><img src="picture.png" /></a>

إضافة العنوان والوصف إلى الصورة

الخاصية title يمكن استخدامها لتقديم معلومات إضافية للصورة، وإذا وضعت مؤشر الفأرة بدون أن تنقر على الصورة سترى النص يظهر لك في مربع صغير.
<img src="picture.png" title="Learn HTML" />
الخاصية alt تستخدم لتعطي وصفاً بديلاً للصورة إذا لم تظهر الصورة لأي سبب سيرى المستخدم نصاً بديلاً يشرح محتويات الصورة، هذه الخاصية مهمة خصوصاً لمن يعاني من أي إعاقة بصرية، وهي كذلك مفيدة في حال لم تظهر الصور بسرعة كافية.
<img src="picture.png" alt="HTML picture" />

تحديد طول وعرض الصورة

هناك خاصيتان مهمتان وهما width و height. من خلالهما يمكن التلاعب بحجم الصورة:
<img src="logo.png" width="141" height="32" />

ليست هناك تعليقات :

أضف تعليق