HTML හි span ටැගය පෙළ කොටස් සඳහා

ඔබ දැනටමත් දන්නවා, උදාහරණයක් ලෙස, පෙළ කොටසක් තද කිරීම සඳහා b ටැගය භාවිතා කළ යුතු බව. කෙසේ වෙතත්, මට පෙළ කොටසක් රතු පැහැයට ආලේප කිරීමට අවශ්‍ය නම් කුමක් කළ යුතුද? මෙවැනි අවස්ථාවක් සඳහා b ටැගය වැනි කිසිදු ටැගයක් නොපවතී.

නමුත් විශේෂ span ටැගයක් පවතී - එය තනියම කිසිවක් නොකරයි, නමුත් ඒ සඳහා CSS විලාසයන් යෙදිය හැකිය, එමඟින් පෙළ කොටසකට අවශ්‍ය ප්‍රයෝජනය එකතු කිරීමට අපට ඉඩ සලසයි.

අපි උදාහරණයක් දෙස බලමු. අපට යම් පෙළක් ඇතැයි සිතමු:

html<p>
  This is a paragraph with text.
</p>

අපට "text" වචනය රතු කිරීමට අවශ්‍ය යැයි සිතමු. මේ සඳහා මෙම පෙළ කොටස span ටැගයකින් ආවරණය කර මෙම ටැගයට කිසියම් වර්ගයක් (class) ලබා දෙමු:

html<p>
  This is a paragraph with <span class="red">text</span>.
</p>

දැන් එවැනි වර්ගයක් ඇති මූලද්‍රව්‍යය රතු පැහැයට ආලේප කරමු:

css.red {
  color: red;
}

html<p>
  Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
  <span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>