KOMPOOS.NL

span - HTML5

home » manuals » html5 » span.html

sitemap | terug naar het html5 referentie - tags - overzicht

voorbeeld span html5

Met de span-tag kan je eenvoudig stukken tekst selecteren om van een style te voorzien. Nog duidelijker dan de onderstaande code kan ik het niet maken... Of het zou moeten zijn dat de html-code in de body-sectie van de pagina thuishoort, en dat de stylesheet in de head-sectie van de pagina terecht moet komen.

stylesheet-voorbeeld voor een span

<style type="text/css">
        span{
                color:#fff;
                background:#c00;
                padding:0 0.1em 0 0.1em}
</style>

html code op deze pagina gebruikt voor de span

<span>stukken tekst</span>

geen een span een class of een id

Je hoeft natuurlijk niet sec een span te benoemen. Je kan uiteraard ook een (in de stylesheet) class aanmaken (b.v. .span-class{color:#f00}) en die in de body-tag aanroepen met <span class="span-class">tekst</span>.