عناصر Span المضمنة
جزء من قسم Fundamentals في رحلة HTML على Coddy. الدرس 26 من 60.
ماذا لو كان لدينا جملة ونحتاج إلى تمييز كلمة واحدة فقط أو جزء صغير منها؟ يمكننا استخدام وسم <span>! فهو يساعدنا على تطبيق الأنماط أو إجراء تغييرات على جزء معين فقط من النص دون التأثير على الباقي.
إليك الصيغة الأساسية لاستخدام span في HTML:
<span>This is some text.</span>إليك مثال على كيفية استخدام وسوم span لتمييز جزء من النص داخل فقرة:
<p>This is a <span style="color: blue;">blue</span> word.</p>في هذا المثال، سيتم عرض كلمة "blue" باللون الأزرق.
سنتعلم عن سمة style لاحقاً!
التحدي
سهلبفرض وجود مستند HTML يحتوي على فقرة. مهمتك هي استخدام وسم <span> لتغليف النص "qwerty12345".
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<!-- اكتب الكود هنا -->
<p>The secret password is qwerty12345.</p>
</body>
</html>
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Fundamentals
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Header
قسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footerتدرّب بنفسك: Playground لـ Web