HTML Elementen

HTML <span> element

  • Met het <span> element kan een deel van een HTML-document worden ingesloten.
  • Met behulp van de style, class of id attributen kan aan dat deel een stijl worden gekoppeld.
  • Het <span> element op zich geeft geen visueel verschil.
  • Te vergelijken met het <div> element, alleen mag het slechts inline inhoud bevatten en geen elementen op blokniveau (zoals <p> of <table>).

Voorbeeld

<html>
<body>
<p>Met het <span style="color:red; font-weight:bold">&lt;span&gt; </span> element kan <span style="color:#8107d9; background-color:#bdd907;" >stijl worden gegeven</span> aan <span style="color:#4c9809; font-weight:bold" >uw teksten!</span>
</p>
</body>
</html>

resultaat:

Met het <span> element kan stijl worden gegeven aan uw teksten!

naar boven 

Verschil HTML - XHTML

Zelfde gebruik in beide, zonder verschil.

Experimenteer met de codes !

tip

Meestal wordt het <span> element gebruikt om aangepaste stijlen te geven aan de inhoud, of de inhoud te manipuleren met bv. JavaScript.

naar boven 

Standaard attributen

  • Het <span> element ondersteund volgende standaard attributen:
Attribuut Waarde Beschrijving DTD
class klassenaam Specificeert een klassenaam voor een element STF
dir ltr
rtl		 Specificeert de tekst richting van de inhoud van een element STF
id id Specificeert een uniek id voor een element STF
lang taalcode Specificeert de taalcode van de inhoud van een element STF
style stijl definitie Specificeert de inline stijl van een element STF
title tekst Specificeert extra informatie over een element STF
xml:lang taalcode Specificeert de taalcode van de inhoud van een element, in een XHTML document STF

naar boven 

DTD geeft aan in welk <!DOCTYPE> van HTML 4.01 / XHTML 1.0DTD het attribuut is toegestaan.
S=Strict, T=Transitional, F=Frameset

Gebeurtenis attributen

  • De <span> tag ondersteund volgende gebeurtenis attributen:
Attribuut Waarde Beschrijving DTD
onclick script Script moet worden uitgevoerd op een muisklik STF
ondblclick script Script moet worden uitgevoerd op een dubbelklik STF
onmousedown script Script dat moet worden uitgevoerd wanneer de muis wordt ingedrukt STF
onmouseover script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt over een element STF
onmouseup script Script dat moet worden uitgevoerd wanneer muisknop wordt losgelaten STF
onmouseout script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt uit van een element STF
onmousemove script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt STF
onkeydown script Script dat moet worden uitgevoerd wanneer u een toets indrukt STF
onkeypress script Script dat moet worden uitgevoerd wanneer een toets wordt ingedrukt en losgelaten STF
onkeyup script Script dat moet worden uitgevoerd wanneer een toets wordt losgelaten STF

naar boven 

Browser ondersteuning

Internet Explorer Firefox Chrome Opera Safari

  • Het <span> element wordt ondersteunt door de bekende browsers.
naar boven terug naar alle elementen naar boven
naar alle elementen naar boven