Handleiding HTML - Structureren van tekst

HTML		Structureren van tekst

Handleiding HTML Inhoud HTML | Inhoud CSS | Trefwoordenregister | Begin

Gerelateerde elementen: ADDRESS | BLOCKQUOTE | BR | CENTER | DEL | HR | Hx | INS | P | PRE

Horizontale lijnen

Horizontale lijnen maak je met het HR element.

<HR>

Standaard wordt de lijn over de gehele beschikbare breedte geplaatst. Met het WIDTH attribuut kun je zelf de breedte bepalen in pixels, of als percentage van de beschikbare breedte. Als de lijn niet de volledige breedte heeft, kun je met het ALIGN attribuut de horizontale uitlijning vastleggen.

<HR WIDTH="50%" ALIGN="right">

De dikte van de lijn bepaal je met het SIZE attribuut. Het NOSHADE attribuut geeft aan dat de lijn niet in 3-D, maar vlak moet worden weergegeven.

<HR SIZE="5" NOSHADE>

Met het COLOR attribuut kan de kleur van de lijn worden vastgelegd. Dit attribuut maakt echter geen deel uit van een HTML-specificatie.

Voor het HR element kunnen met behulp van Cascading Style Sheets stijlen gedefinieerd worden. In het volgende voorbeeld zijn de volgende stijleigenschappen gebruikt: background-color, width en height.

Voor een lijn in kleur in de standaard hoogte gebruik je de volgende code:

<HR STYLE="width: 75%; height: 2px; background-color: #336699;">

Rechts is de weergave door de browser te zien en links een schermafdruk van de bedoelde weergave.

Wil je de lijn een andere hoogte geven dan wijzig je de waarde van de height eigenschap. Bijvoorbeeld in 5 pixels:

<HR STYLE="width: 75%; height: 5px; background-color: #336699;">

Rechts is de weergave door de browser te zien en links een schermafdruk van de bedoelde weergave.

Inhoud onderdeel | Inhoud HTML | Inhoud CSS | Trefwoordenregister | Begin