Opmaak in HTML wordt bereikt met behulp van HTML-tags, die instructies geven aan de webbrowser over hoe de inhoud van een webpagina moet worden weergegeven.

Enkele basisprincipes van Opmaak in HTML

• Tekst opmaak: HTML biedt verschillende tags om tekst op te maken, zoals <strong> voor vetgedrukte tekst, <em> voor cursieve tekst, <u> voor onderstreepte tekst, <h1> tot <h6> voor koppen van verschillende niveaus, en <p> voor alinea’s…

Tekst kan ook worden opgemaakt met CSS (Cascading Style Sheets). Hiermee kun je kleuren, lettertypen, uitlijning en andere visuele aspecten van de tekst bepalen. In de broncode van een webpagina wordt de tekst vaak tussen de openings-tag en sluitings-tag in de HTML-code geplaatst.

Zie onderstaande voorbeelden voor de Opmaak in HTML:

<h1>Dit is de kop boven een artikel</h1> <h2>Dit is de kop boven een artikel</h2> <h3>Dit is de kop boven een artikel</h3> <h4>Dit is de kop boven een artikel</h4> <h5>Dit is de kop boven een artikel</h5> <h6>Dit is de kop boven een artikel</h6>

---

Bezoek ook: Tekst |HTML | CSS

• Lijsten: HTML ondersteunt zowel ongeordende lijsten <ul>, alsook geordende lijsten <ol>, evenals lijstitems <li>. Zie onderstaande voorbeelden:

<ul>        <li>Eerste item</li>        <li>Tweede item</li>        <li>Derde item</li>   </ul>

Het resultaat in de webbrowser:

1. 1. • Eerste item
      • Tweede item
      • Derde item

<ol>        <li>Eerste item</li>        <li>Tweede item</li>        <li>Derde item</li>   </ol>

Het resultaat in de webbrowser

1. 1. 1. 1. Eerste item
         2. Tweede item
         3. Derde item

Meer Elementen en Attributen in Opmaak in HTML

Zo zijn er voor de HTML-broncode, vele elementen met allerlei functies te gebruiken. Hier als voorbeeld, de opbouw van een paragraaf (alinea) met behulp van het p-element:

<p>Deze tekst vormt een paragraaf</p>

In het volgende voorbeeld zie je wat je o.a. kan doen, door 2 verschillende elementen te combineren. Het center-element bijvoorbeeld is bedoeld om de tekst in het midden te laten uitkomen (centreren):

<center><p>Deze tekst vormt een paragraaf</p></center>

Als voorbeeld wordt aan het eerder genoemde p-element, een align-attribuut toegevoegd:

<p align=”center”>Deze paragraaf is gecentreerd</p>

Ook is het mogelijk een tekst een bepaald karakter mee te geven zoals volgt:

<p><b>Deze tekst is vet  (Bold)</b></p>

Aan deze p-element wordt de tekst scheef toegevoegd. Cursief (Italic) is dus ook mogelijk:

<p><i>Deze tekst is scheef</i></p>

En aan dit p-element is deze tekst onderstreept (Underlined) toegevoegd:

<p><u>Deze tekst is onderstreept)</u></p>

Indien er meerdere attributen aan een element worden toegevoegd, worden deze gescheiden door een spatie. Zo kennen attributen nog een paar belangrijke eigenschappen…

Zet de attributen tussen aanhalingstekens

•	Attribuutwaarden staan altijd tussen aanhalingstekens “…”
•	Dubbele aanhalingstekens zijn het meest gebruikelijk, maar enkele aanhalingstekens zijn ook toegestaan.

Het resultaat in de webpagina:

Ongevoelig voor Hoofdletters

Alle waarden van Elementen en Attributen op de bron-pagina zijn hoofdletter ongevoelig. Dit betekent dat voor de titels en waarden op de bron-pagina, in zowel hoofdletters als in kleine letters mag worden geschreven.

Let op! Kies tijdens het kopiëren en plakken van de bovenstaande broncodes, voor plakken zonder opmaak.

---

Meer webadressen over Opmaak in HTML
Codecenter	Internet Academy	Wiki Books
HTML School	Handleiding HTML	Vision2Form
HTML Totaal	Picqer	Textbroker