Opmaak van een webpagina

HTML Tekstopmaak

Tekstopmaak tags worden gebruikt om delen van tekst te benadrukken zoals vet gedrukte of cursieve tekst.
Veel van deze tags worden wel gedefiniëerd door HTML 4, maar zijn verouderd en het wordt sterk aanbevolen om CSS style-sheets te gebruiken.

Neem volgende code over in uw editor

<html>
<head>
<title>Dit is mijn oefenwebsite</title>
</head>

<body>
Deze tekst wordt vetjes gedrukt 
Deze tekst staat schuin 
Tekst wordt met nadruk weergegeven 
<big>Een iets grotere tekst dan de standaard</big> 
Een iets kleinere letter dan de standaard 
Dit woord wordt verlaagd weergegeven 
<hr>
Dit woord wordt verhoogd weergegeven 
</body>

</html>

Opslaan als... bvb. tekstopmaak.htm
Open deze in uw browser

De ( in XHTML) tag geeft een regeleinde en begint een nieuwe lijn,
deze tag heeft geen inhoud en is dus tegelijkertijd eindtag.
laat een spatie voor de schuine streep!

Met de tag worden _{lettertekens of tekst} verlaagd weergegeven.
Met de tag worden ^{lettertekens of tekst} verhoogd weergegeven.

De <hr> (<hr /> in XHTML) tag geeft een horizontale lijn weer
deze tag heeft geen inhoud en is dus tegelijkertijd eindtag.
laat een spatie voor de schuine streep!

naar boven

HTML fysieke tekstopmaak elementen

Met de fysieke tekstopmaak elementen wordt vastgelegd hoe de tekst eruit gaat zien, onafgezien de inhoud van de tekst.
Fysieke elementen zijn inline elementen.

Tag	Beschrijving
<b>	Ingesloten tekst wordt vetgedrukt weergegeven.
<big>	Ingesloten tekst wordt groter weergegeven dan andere tekst.
<i>	Ingesloten tekst wordt cursief weergegeven.
<small>	Geeft ingesloten tekst een 'inverse nadruk'. De tekst wordt kleiner weergegeven dan de omringende tekst.
<sub>	Ingesloten tekst wordt in subscript(verlaagd) weergegeven.
<sup>	Ingesloten tekst wordt in superscript(verhoogd) weergegeven.
<s>	verouderd Ingesloten tekst wordt doorstreept weergegeven.
<strike>	verouderd Ingesloten tekst wordt doorstreept weergegeven.
<tt>	verouderd Ingesloten tekst wordt in een lettertype met vaste letterbreedte weergegeven.
<u>	verouderd Ingesloten tekst wordt wordt onderstreept weergegeven.

naar boven

HTML logische tekstopmaak elementen

Logische (of semantische) elementen leggen niet het uiterlijk van de ingesloten tekst vast, maar de betekenis van de tekst binnen de structuur van de hele tekst of webpagina.
De browser bepaalt (meestal) hoe de tekst wordt weergegeven.

Tag	Beschrijving
<cite>	Wordt gebruikt om titels van verwijzingen naar bronmateriaal in te sluiten. Browsers geven de inhoud meestal cursief weer.
<code>	Wordt gebruikt om computercode in te sluiten. Browsers geven de inhoud weer met een lettertype met vaste letterbreedte.
<dfn>	Wordt gebruikt om termen te markeren in een document op de plaats waar ze gedefinieerd worden. Browsers geven de inhoud meestal cursief weer.
<em>	De ingesloten tekst wordt met nadruk weergegeven. Browsers geven de inhoud meestal cursief weer.
<kbd>	De ingesloten tekst moet door de gebruiker op de computer worden ingevoerd. Browsers geven de inhoud(meestal) weer met een lettertype met vaste letterbreedte.
<samp>	De ingesloten tekst omvat de uitvoer van een computerprogramma. Browsers geven de inhoud(meestal) weer met een lettertype met vaste letterbreedte.
<strong>	De ingesloten tekst is belangrijk. Browsers geven de inhoud(meestal) vetgedrukt weer.
<var>	De ingesloten tekst is een variabele. Browsers geven de inhoud meestal cursief weer.

naar boven

HTML weergave elementen

Tag	Beschrijving
<abbr>	De ingesloten tekst is een afkorting.
<acronym>	De ingesloten tekst is een letterwoord(acroniem).
<address>	Wordt gebruikt om contactgegevens (e-mail, website, auteursnaam) in een document op te nemen.
<bdo>	De ingesloten tekst wordt in omgekeerde richting weergegeven.
<blockquote>	Geeft citaten op blokniveau weer.
<q>	Geeft inline citaten weer.

naar boven

naar attributen