Taggen span för textstycken i HTML
Du vet redan att för att göra
ett visst textstycke, till exempel, fetstilt
- bör du använda taggen b. Men,
vad gör man om man vill färga ett textstycke
i röd färg? För ett sådant fall
finns det ingen tagg, liknande taggen b.
Däremot finns det en speciell tagg span
- i sig själv gör den absolut ingenting,
men man kan applicera CSS-stilar på den, vilka
låter oss lägga till önskad effekt på textstycket.
Låt oss titta på ett exempel. Låt oss säga att vi har någon text:
<p>
This is a paragraph with text.
</p>
Låt oss säga att vi vill göra ordet "text" rött.
För att göra detta omsluter vi detta textstycke med taggen
span och ger denna tagg
någon klass:
<p>
This is a paragraph with <span class="red">text</span>.
</p>
Och nu färgar vi elementet med en sådan klass i röd färg:
.red {
color: red;
}
Följande kod ges:
<p>
Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
<span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>
Gör elementen med klassen xxx i storlek
30px.