HTML Tutorial

عنصر <span>

الاستخدام:

علامة <span> هي علامة مستوى النص التي تستخدم لتحديد جزء من النص وتطبيق أنماط CSS عليه.

السمات:

  • id: معرّف فريد للعلامة.
  • class: اسم فئة CSS لتطبيق أنماط متعددة.
  • style: تطبيق أنماط CSS مباشرةً على النص.

أمثلة:

<!-- تغيير لون النص إلى الأحمر -->
<span style="color: red;">هذا النص أحمر</span>

<!-- إضافة خلفية زرقاء للنص -->
<span class="background-blue">هذا النص له خلفية زرقاء</span>

<!-- تعيين نص غامق من خلال معرف فريد -->
<span id="bold-text">هذا النص غامق</span>

مثال HTML لاستكشاف علامة <span>:

<!DOCTYPE html>
<html>
<head>
  <title>مثال علامة <span></title>
</head>
<body>
  <p>هذا هو النص الأصلي.</p>
  <p><span style="color: red;">هذا هو النص الملون بالأحمر باستخدام علامة <span></span></p>
  <p><span class="bold">هذا هو النص الغامق باستخدام علامة <span></span></p>
</body>
</html>