HTML හි span ටැගය පෙළ කොටස් සඳහා
ඔබ දැනටමත් දන්නවා, උදාහරණයක් ලෙස, පෙළ කොටසක් තද කිරීම සඳහා
b ටැගය භාවිතා කළ යුතු බව. කෙසේ වෙතත්,
මට පෙළ කොටසක් රතු පැහැයට ආලේප කිරීමට අවශ්ය නම් කුමක් කළ යුතුද?
මෙවැනි අවස්ථාවක් සඳහා b ටැගය වැනි කිසිදු ටැගයක්
නොපවතී.
නමුත් විශේෂ span ටැගයක් පවතී
- එය තනියම කිසිවක් නොකරයි,
නමුත් ඒ සඳහා CSS විලාසයන් යෙදිය හැකිය, එමඟින්
පෙළ කොටසකට අවශ්ය ප්රයෝජනය එකතු කිරීමට අපට ඉඩ සලසයි.
අපි උදාහරණයක් දෙස බලමු. අපට යම් පෙළක් ඇතැයි සිතමු:
<p>
This is a paragraph with text.
</p>
අපට "text" වචනය රතු කිරීමට අවශ්ය යැයි සිතමු.
මේ සඳහා මෙම පෙළ කොටස span ටැගයකින් ආවරණය කර
මෙම ටැගයට කිසියම් වර්ගයක් (class) ලබා දෙමු:
<p>
This is a paragraph with <span class="red">text</span>.
</p>
දැන් එවැනි වර්ගයක් ඇති මූලද්රව්යය රතු පැහැයට ආලේප කරමු:
.red {
color: red;
}
පහත කේතය ලබා දී ඇත:
<p>
Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
<span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>
xxx වර්ගය ඇති මූලද්රව්ය 30px ප්රමාණයකින්
සාදන්න.
