عناصر 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".
ورقة مرجعية
يُستخدم وسم <span> لتطبيق الأنماط أو إجراء تغييرات على جزء معين من النص دون التأثير على الباقي.
الصيغة الأساسية:
<span>This is some text.</span>مثال مع التنسيق المضمن (inline styling):
<p>This is a <span style="color: blue;">blue</span> word.</p>جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<!-- اكتب الكود هنا -->
<p>The secret password is qwerty12345.</p>
</body>
</html>
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Fundamentals
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Header
قسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footer