In het body element vermeld je alles wat visueel zichtbaar moet zijn op je website, onder andere de tekst van je site. De tekst die je in het body element vermeld, wordt als het ware automatisch gekopieerd door de browser, tenzij jij de browser een opdracht geeft om het op een bepaalde manier weer te geven.
In een tekst editor druk je bijvoorbeeld op de enter toets als je wilt dat de volgende zin op een nieuwe regel begint. In HTML werkt dit niet zo, de browser moet echt van jou de opdracht krijgen om dit te doen.
Er zijn twee manieren om deze opdracht door te geven aan de browser. Dit kan door middel van de <br> tag of het paragraaf element. Maar wanneer gebruik je deze?
De <br> tag
De <br> tag gebruik je om een linebreak te creëren om ervoor te zorgen dat de volgende zin op een nieuwe regel begint:
<body>
Welkom op mijn eerste blog.
<br>
Wat fijn dat je er bent!
</body>
De <br> tag hoeft in de texteditor niet per se op een nieuwe regel te staan, maar dit maakt het HTML document in de texteditor voor jezelf wel een stuk overzichtelijker.
Let op: deze tag heeft geen sluitingstag nodig en staat op zichzelf.
De <br> tag gebruik je enkel om aan te geven dat een zin op een nieuwe regel moet beginnen. Wil je meer ruimte creëren tussen twee zinnen omdat het eigenlijk twee aparte stukken tekst zijn? Dan is het wellicht handiger om hiervoor het paragraaf element te gebruiken.
Het paragraaf element
Het paragraaf element bestaat uit een openings- <p> en sluitingstag </p> en kun je gebruiken om de tekst op te splitsen in verschillende delen, net zoals een hoofdstuk in een boek bestaat uit meerdere paragrafen.
Het voorbeeld wat we hierboven gebruikt hebben, zou je als volgt kunnen uitbreiden door middel van paragraaf elementen:
<body>
<p>Welkom op mijn eerste blog.
<br>
Wat fijn dat je er bent!</p>
<p>Waar gaat deze blog over?
<br>
Op deze blog deel ik mijn kennis over HTML en websites bouwen. Mijn blogposts kun je zien als persoonlijke notities waarbij ik de opgedane kennis gelijk in de praktijk toepas.</p>
</body>
Het voorbeeld hierboven bestaat uit 2 paragrafen. Als je bovenstaande tekst kopieert in je texteditor en opslaat als webpagina, zie je als het goed is dat er automatisch een witregel tussen beide paragrafen staat. De tweede zin van iedere paragraaf staat op een nieuwe regel dankzij de <br> tag.
Geen opmerkingen:
Een reactie posten