Je zult hebben gemerkt dat je geen tekst op een nieuwe regel krijgt.
Maar daar is een speciale tag voor: <br>
(voor 'break').
Verschillende blokken tekst (paragraven) kun je ook van elkaar scheiden door ze tussen <p></p>
tags te zetten.
Bijvoorbeeld:
<body> <p> Eerste regel<br> Tweede regel </p> <p> Tweede paragraaf </p> </body>
Laten we een titel aan de pagina toevoegen.
Voor titels en tussenkopjes is er een speciale set met tags <h1>
tot en met <h6>
.
De belangrijkste titel zet je tussen <h1>
en </h1>
.
De daarna belangrijkste tussenkop tussen <h2>
en </h2>
. Daar kun je meerdere tussenkopjes mee maken.
Voor minder belangrijke tussenkopjes gebruik je <h3>
, enzovoort.
Bijvoorbeeld:
<body> <h1>Titel van de pagina</h1> <h2>Eerste tussenkopje</h2> Eerste tekst <h2>Tweede tussenkopje</h2> <h3>Subkopje</h3> Weer wat tekst </body>
Het inspringen met tabs in het voorbeeld is alleen om het leesbaarder te houden. Zoals je zult merken zie je dat niet terug in de browser.
Misschien wil je een opsomming maken, genummerd of met stippen.
Daarvoor bestaan twee tags: <ol>
(voor 'ordered list') en <ul>
(voor 'unordered list').
De regels binnen de opsomming staan tussen <li>
tags (voor 'list').
Voorbeeld:
<ol> <li>Eerste punt</li> <li>Tweede punt</li> <li>Derde punt</li> </ol> |
<ul> <li>Eerste punt</li> <li>Tweede punt</li> <li>Derde punt</li> </ul> |
Wil je teksten naast elkaar of in kolommen plaatsen, dan kun je een tabel maken met <table>
.
Elke regel van de tabel zit tussen <tr>
tags. Elk vakje van een regel is een <td>
tag.
Dus zo:
<table> <tr> <td> Eerste vakje van eerste regel <td> <td> Tweede vakje van eerste regel <td> </tr> <tr> <td> Eerste vakje van tweede regel <td> <td> Tweede vakje van tweede regel <td> </tr> </table>