Paper sketch

Tekstindeling

Headers

Met <h1> tot en met <h6> voeg je kopjes toe aan je pagina. Met behulp van de tags kun je "koppen" in je tekst opnemen (header).

<h1>Belangrijkste kop</h1> <h2>Onderwerp kop</h2> <h3>Subkopje</h3> <h4>Sub-subkopje</h4> <h5>Sub-sub-subkopje</h5> <h6>Nauwelijks nog een kopje</h6>

Paragraaf

Je kunt met deze tag je tekst opdelen in paragrafen.

De tekst die in een <p> tag staat wordt afgedrukt als een alinea. Er wordt dan ruimte voor en na de alinea vrijgelaten. Tekst na de p tag begint daarna weer op een nieuwe regel. Lopende tekst zoals artikelen, nieuwsberichten, blog-posts, verhalen en andere inhoud staat bijna altijd binnen paragraaf tags.

<p>Deze tekst staat in een paragraaf</p> <p>En deze staat in een volgende paragraaf</p>

Div

Je kunt met de <div> tag je tekst opdelen in logische betekenisvolle eenheden (division's). Met behulp van stylesheets kunnen we dan layout toevoegen aan de div's. Volgende week gaan we zien hoe we dat kunnen doen.

<div> Deze tekst staat in een div. Zonder stylesheets voegt een div weinig toe. </div>

Span

De <span> is vergelijkbaar met de div-tag. We kunnen er tekst mee kunt opdelen in eenheden. Het verschil is dat de div-tag een 'block'-tag is, deze hebben altijd een rechthoekige vorm op de pagina.

De span tag is een 'inline'-tag. Inline tags zijn niet rechthoekig en juist geschikt om stukken tekst mee te markeren

Net zoals de div tag voegt de span tag van zichzelf geen opmaak toe aan de pagina. Dat gaan we later doen met css

Met de span tag kunnen we <span>gedeeltes van de pagina</span> aangeven zonder de flow van de tekst te onderbreken.

Wat gebeurd er als je de span tags in div veranderd?

Horizontal Ruler

Met de <hr> tag kun je een horizontale lijn (horizontal ruler) in je document plaatsen en daarmee de verschillende onderdelen van een pagina duidelijk van elkaar onderscheiden. Dit gebruik je als je bijvoorbeeld in een artikel van onderwerp verandert.

<hr>

Commentaar

Met behulp van <!-- en --> kun je commentaar in je document opnemen. Alles wat tussen deze tags staat wordt door de browser genegeerd.

Hoewel je met deze tag de tekstindeling niet kunt beïnvloeden, kun je hiermee de indeling voor jezelf en anderen wel verduidelijken. Het is een goed gebruik om (zeker bij websites die uit veel pagina's bestaan) je webpagina's van commentaar te voorzien. In ieder geval is dit noodzakelijk als iemand anders het werk later over zal nemen of als je met anderen tegelijk aan een website werkt.

Wees wel voorzichtig met het opnemen van persoonlijk commentaar. De broncode van je webpagina is immers door iedereen te lezen!

Een stukje tekst. <!-- Commentaar. Dit zie je niet terug op de pagina! --> Nog een stukje tekst.