Lijn tussen twee blokken

Ik wil graag een lijntje hebben tussen twee blokken! Hoe kan dat?

Wanneer je geen titel boven een (tekst-)blok geplaatst heb in je website, is het soms minder duidelijk waar het ene bericht stopt en het volgende begint. Dan kan het handig zijn om tussen 2 blokken een lijntje te plaatsen. Zo ga je tewerk:

Stap 1 Log in en ga naar beheer van je website.

Stap 2 Open het tekstblok waarboven of waaronder je een lijn wilt plaatsen.

Stap 3 Klik nu op de code-knop in de editor van dat blok:

Stap 4 Je ziet nu niets (als er nog geen tekst in je blok staat) of tekst met code erin. Vooraan staat vaak <p>, achteraan staat vaak </p> (de symbolen die aangeven dat een paragraaf begint en eindigt.

Stap 5 Klik je cursor voor de <p> of achter de </p>

Stap 6 Typ nu de code die een horizontale lijn genereert op internet: <hr />

In mensentaal gezegd: haakje gevolgd door h (van horizontaal) en r (van row, wat in het Nederlands lijn betekent), met daarna een spatie, een schuine streep en afgesloten door een omgekeerd haakje.

Stap 7 Als je nu terug de code-knop aanklikt, zie je een lijntje over de hele breedte van je blok.


Stap 8 Wil je een lijn tussen twee alinea's van hetzelfde blok? Dat kan natuurlijk ook, op een gelijkaardige manier. Zet de <hr />-code tussen de twee alinea's. Het einde van de ene alinea herken je aan </p> en het begin van de volgende alinea is <p>.

Bekijk hier een voorbeeld (van hoe het er in een website uitziet)

Stap 9 Je kan natuurlijk ook gewoon een leeg blok maken en daarin (alleen) een lijn plaatsen, met de <hr />-tag. In het beheer ziet het er dan zo uit:

Op je website zelf ziet de bezoeker dan ongeveer evenveel wit boven als onder de witte lijn:

Stap 10 Staat er een afbeelding links of rechts van je tekst?
Als je tekst kort is, zal de lijn stoppen aan de foto
(voorbeeld a hieronder).
Wil je de lijn lager (voorbeeld b) of onder de foto (voorbeeld c)?
Plaats dan 1,2 of 3 enters in je tekstblok, net boven de horizontale lijn.
Is je tekst langer (voorbeeld d), dan staat de lijn gewoon volledig.

Lees verder: