Index  HTML  CSS  ASP  PHP  VBScript
 Javascript  SQL  Links  Contact  Gastboek  

  HTML cursus
  Vervolg inleiding
  Tekst werk.
  Lettertype
  Tekst Uitlijnen
  Koppen
  Horizontale lijnen
  Afbeeldingen
  Uitlijnen afbeelding
  Tabellen
  Col/Rowspan
  Nesten Tabel
  Anchor
  Frames
  FTP
  Formulier

  Ovz standaard tags
  Ovz Afbeelding
  Ovz Tables
  Ovz Lijsten
  Ovz Frames
  Ovz Speciaal
  Anchor
  Address
  Area


Horizontale lijnen

Zo nu en dan heb je het eens. Je wilt een lijn in je pagina hebben als afscheiding tussen twee stukken tekst in. Je kunt een plaatje nemen, maar dat is zonde. Je snelheid gaat daar aan ten onder en de bezoeker klikt door naar de vervelende buurman. Dus dat is niet altijd de juiste oplossing. In HTML heb je daarom de tag <hr>. Een eenvoudige tag, maar soms ontzettend handig.

De tag:
<hr>
In dit geval staat hr voor "horizontal ruler"

Dit is alles. Simpeler kan het niet meer. Maar je kunt er vanalles mee doen. En daarom weer een tabel met het overzicht van de mogelijke attributen:

width="...%"De breedte van de lijn in procenten.
width="..."De breedte van de lijn in absolute waarden
size="..."Bepaalt de dikte van de lijn. De waarden 1 of 2 zijn meer dan genoeg.
noshadeZo heeft de lijn geen schaduw meer.
align
  • left
  • right
  • center

Een voorbeeld om het af te leren:


De broncode:
<hr width="400" size="2" align="center">

De <hr> tag heeft als eigenschap de tekst erna automatisch op de volgende lijn te zetten. Dus de <hr> hoeft niet tussen de <p> tags in te komen en de <hr> heeft geen afsluitende tag, net als de <br> tag.