Mi az a HTML span és hogyan kell használni? – HTML span útmutató
Ha nem tudod, hogy mi az a HTML span és, hogy mire használják, akkor ez a cikk tökéletes lesz számodra, hiszen ismertet téged a HTML ezen elemének használatával. Elöljáróban jegyezzünk meg annyit, hogy gyakran nagyon hasznos tud lenni a HTML span.
Mi az a HTML span?
Egyszerűen és röviden megfogalmazva a HTML span segítségével ki lehet jelölni egy szöveg egy adott elemét.
Alaphelyzetben nem tartozik hozzá semmilyen stílus meghatározás. De stílusbeállításokkal ezt könnyen megtehetjük.
Mire használjuk a HTML span elemét?
A fenti kérdésre adott válaszból már nagyjából ki lehetett következtetni, de általában arra használjuk a HTML span elemét, hogy egy adott szövegrészben, vagy mondatban kijelöljünk egy adott részt és annak egy a többitől eltérő stílusbeállítást adjunk.
HTML span szintaktikája
<span>TARTALOM</span>
Code language: HTML, XML (xml)
Alapvetően így néz ki a HTML span szintaktikája, de önmagában semmit sem ér. Az alábbi szintaxisból, illetve példából fog igazán látszani, hogy hogyan célszerű használni.
<span style="STÍLUS.BEÁLLÍTÁSOK">TARTALOM</span>
Code language: HTML, XML (xml)
Persze nem kötelező inline CSS-t használni, a szintaxis inkább csak azt szemlélteti, hogy általában nem önmagában használjuk, hanem formázás során.
Példa HTML span helyes használatára
HTML kód
<p>A kedvenc színem a <span style="color:red;">piros</span>.</p>
Code language: HTML, XML (xml)
Eredmény
A kedvenc színem a piros.