HTML Elementen

HTML <hr> element

XHTML <hr /> element

  • Het <hr> element creëert een horizontale lijn 'Horizontal Rule' in een HTML pagina.
  • Het <hr> element kan worden gebruikt om een scheiding te maken tussen verschillende onderdelen in een pagina.

Voorbeeld

<html>
<body>
<p>Dit is inleidende tekst</p>
<hr>
<p>Dit is de verklarende tekst</p>
<hr /><!-- in XHTML-->
<p>Dit is de afsluitende tekst</p>
</body>
</html>

resultaat:

Dit is inleidende tekst

Dit is de verklarende tekst

Dit is de afsluitende tekst

naar boven 

Verschil HTML - XHTML

In HTML heeft de <hr> tag geen eindtag.

In XHTML moet de tag correct worden gesloten dus
<hr [spatie]/> !

Optionele attributen

Attribuut Waarde Beschrijving DTD
align left
center
right		 Verouderd. Specificeert de uitlijning van de lijn op de pagina TF
noshade noshade Verouderd. De lijn wordt weergegeven in één kleur i.p.v. standaard twee kleuren TF
size pixels Verouderd. Specificeert de hoogte van de lijn in pixels TF
width pixels
%		 Verouderd. Specificeert de breedte van de lijn in pixels of % van de beschikbare breedte TF
  • Voorbeelden klik druk hier

naar boven 

tip

Met Cascade Style Sheets zijn er veel mogelijkheden voor het weergeven van een horizontale lijn.
Zoals het bepalen van de kleur, een boord rond die lijn de kleur van de boord en nog veel meer !

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

Standaard attributen

  • Het <hr> element ondersteunt volgende standaard attibuten:
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 

Gebeurtenis attributen

  • De <hr> tag ondersteunt volgende gebeurtenis attibuten:
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 

nota

Het <hr> element wordt standaard verschillend weergegeven door de verschillende browsers !

Browser ondersteuning

Internet Explorer Firefox Chrome Opera Safari

  • Het <hr> element wordt ondersteunt door de bekende browsers.
  • Omdat oudere browsers stijlen niet ondersteunen, blijft het gebruik van afgekeurde elementen en attributen voorlopig toegestaan.
naar boven naar boven naar align attribuut
naar boven naar het align attribuut