Home Ontwerp je site HTML Inhoud structureren in HTML

Inhoud structureren in HTML

Tussen de -tags komt de inhoud (tekst, afbeeldingen,...) te staan die de bezoeker van je site te zien zal krijgen. Het zou echter nogal eentonig en onduidelijk worden als het alleen mogelijk zou zijn om inhoud zonder enige structuur weer te geven.

De elementen die hieronder beschreven zullen worden, dienen om je teksten in te delen en je webpagina's extra structuur te geven.

Header (H1, H2 ... H6)


De H-tag (header) wordt gebruikt om een kop ( of paragraaftitel) te maken. Er zijn 6 koppen beschikbaar, gaande van h1 tot h6, waarbij h1 de grootste kop is en h6 de kleinste.


<h>


De browser laat automatisch een witregel voor en na de titel en begint een nieuwe regel na de kop.

Een voorbeeldje:


<h1>De grootste kop</h1>

ziet er dan zo uit:



De grootste kop


Paragraaf (P)


Teksten worden opgedeeld in paragrafen; dat is op het web niet anders. De tekst van een paragraaf wordt aangeduid met de P-tag (Paragraph) die ervoor zorgt dat er een nieuwe alinea wordt begonnen:


<p>

Onderstaand voorbeeld toont ons 2 paragrafen.


<p>Hier komt de tekst van de eerste paragraaf.</p>
<p>De tweede paragraaf begint dan weer hier; deze wordt automatisch gescheiden met de eerste door een witregel.</p>

Dit ziet er in de browser als volgt uit:


Hier komt de tekst van de eerste paragraaf.


De tweede paragraaf begint dan weer hier; deze wordt automatisch gescheiden met de eerste door een witregel.



Lees verder in het volgende deel over inhoud structureren


8 + 2 =
 

GOOGLE adsense