الصور
جزء من قسم Fundamentals في رحلة HTML على Coddy — الدرس 23 من 60.
يمكن للصور أن تجعل صفحة الويب الخاصة بك أكثر جاذبية، وإضافتها في HTML أمر بسيط باستخدام وسم <img>. وسم <img> هو وسم ذاتي الإغلاق، مما يعني أنه لا يحتاج إلى وسم نهاية.
لعرض صورة، تحتاج إلى استخدام السمة src. تحدد هذه السمة موقع الصورة (URL أو مسار الملف). إليك مثال:
<img src="https://coddy.tech/images/bit.svg" />في هذا المثال، سيقوم المتصفح بتحميل وعرض الصورة من الرابط https://coddy.tech/images/bit.svg.
الوسوم ذاتية الإغلاق، مثل <img>، لا تحتاج إلى وسم إغلاق. فهي تنتهي بـ /> وتُستخدم للعناصر التي لا تحتوي على محتوى بداخلها.
التحدي
سهلأضف صورة إلى مستند HTML، يمكنك استخدام عنوان URL من المثال الموجود في الدرس أو أي عنوان URL آخر.
تأكد من أنك ترى صورة!
ورقة مرجعية
يعرض وسم <img> الصور وهو ذاتي الإغلاق (لا يحتاج إلى وسم نهاية):
<img src="https://coddy.tech/images/bit.svg" />تحدد السمة src موقع الصورة (رابط URL أو مسار الملف). تنتهي الوسوم ذاتية الإغلاق بـ />.
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<!-- اكتب الكود هنا -->
</body>
</html>
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Fundamentals
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Header
قسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footer