## 8. Lijn op de pagina zetten (hr-tag)

Met de hr-tag kun je een lijn op een pagina zetten. Bij deze tag horen een aantal attributen die je kunt gebruiken:

Dikte van de lijn: size-attribuut. Size=20 betekent dat de lijn 20 pixels (puntjes op het scherm) dik wordt.
Breedte van de lijn: width-attribuut. Gebruik je dit attribuut niet, dan wordt de lijn over de hele breedte van het scherm getoond. Je kunt het width-attribuut op twee manieren aangeven:

- in procenten: "<hr width = 75%?>" betekent dat de lijn over driekwart van het beeldscherm loopt.
- in pixels: "<hr width = 75?>" betekent dat de lijn 75 pixels breed is.

Uitlijning van de lijn. Als de lijn over de hele breedte van het scherm loopt hoef je je niet druk te maken om de uitlijning. Maar bij een lijn met een width van bijvoorbeeld 50% zul je willen aangeven waar de lijn moet staan: links (left), rechts (right) of in het midden (center) van de pagina. Dat kun je doen met het align-attribuut: "<hr width = 50% align = left>?"

Normaal gesproken wordt een lijn getoond met een schaduw. Hoe dikker de lijn, hoe duidelijker de schaduw zal zijn. Wil je geen schaduw, gebruik dan het attribuut noshade (geen schaduw).
De kleur van de lijn kun je instellen met het color-attribuut.

Opdracht 8

Maak een voorbeeld webpagina (of gebruik er één die je al gemaakt heb) en zet daar vier lijnen onder elkaar:

- Een lijn met dikte 10 over de hele breedte van het scherm
- Gecentreerd met dikte 50 over 30% van het scherm
- Rechtslijnend met dikte 25 over 75% van het scherm
- Linkslijnend met dikte 40 over 25% van het scherm
- Geef de lijnen verschillende kleuren

### Gesproken tekst: lijn op je pagina:

Je browser kan dit bestand niet afspelen.