• Finalist Infinity Blog Award banner

Stap 10 – Centreren

Laatste update: 2 maart 2019

Het centreren van teksten en andere onderdelen van het ontwerp is vaak snel gedaan. Toch wil ik je er op wijzen dat de <CENTER>-tag niet meer ondersteund wordt vanaf HTML 5, waardoor je CSS moet gebruiken. Nu wordt de tag nog steeds ondersteund door browsers, dus je kunt het nog gebruiken.

CENTER-tag toevoegen

Om alles in het index.html te centreren heb je maar 1 tag nodig:

<html>
<head>
<title>mijn eigen website</title>
</head>
<body background="images/background.gif"
bgcolor="#ffffe1" text="#808080" link="#ff9b6A"  vlink="#ff0000">
<center>
<font face="Arial">
<h2>Een korte introductie</h2>
<p>Nora Tol begon met het aanbieden van webdesigndiensten sinds <u>midden jaren '90</u> met
haar eerste bedrijf <i><font color="#ff9b6A">Nora Tol Virtual Publishing</font></i>. En nu
weer, met haar tweede bedrijf, <i><font color="#ff9b6A">ElNorado Productions</font></i></p>
<p>Al snel groeide de vraag naar <u>andere diensten</u> als het ontwerpen van logo's,
webhosting, online marketing en het maken van online content. Diensten die toegevoegd
werden.</p>
<p>Bekijk haar website voor meer informatie.<br /><b><font size="4">Of neem contact
op</font></b>.</p>
</font>
<hr width="50%" color="#000000" noshade size="2">
</center>
</body>
</html>

Zoals je ziet, open ik, voordat mijn tekst begint, de CENTER-tag en eindig ik deze pas na de HR-tag. Alles dat tussen <CENTER> en </CENTER> staat, wordt nu gecentreerd weergegeven in de browser. Dat ik de CENTER-tag open voor de FONT-tag is niet verplicht. Je kunt de CENTER-tag ook voor de H2-tag openen en eindigen vlak na de HR-tag. Dit mag je zelf bepalen.

Alleen een deel centreren

Stel, dat je alleen een gedeelte gecentreerd wilt hebben. Dat kan! Je gebruikt de CENTER-tag alleen waar je hem wilt inzetten:

<html>
<head>
<title>mijn eigen website</title>
</head>
<body background="images/background.gif"
bgcolor="#ffffe1" text="#808080" link="#ff9b6A"  vlink="#ff0000">
<font face="Arial">
<center><h2>Een korte introductie</h2></center>
<p>Nora Tol begon met het aanbieden van webdesigndiensten sinds <u>midden jaren '90</u> met
haar eerste bedrijf <i><font color="#ff9b6A">Nora Tol Virtual Publishing</font></i>. En nu
weer, met haar tweede bedrijf, <i><font color="#ff9b6A">ElNorado Productions</font></i></p>
<p>Al snel groeide de vraag naar <u>andere diensten</u> als het ontwerpen van logo's,
webhosting, online marketing en het maken van online content. Diensten die toegevoegd
werden.</p>
<center>
<p>Bekijk haar website voor meer informatie.<br /><b><font size="4">Of neem contact
op</font></b>.</p>
</font>
<hr width="50%" color="#000000" noshade size="2">
</center></body>
</html>

Hierboven heb ik ervoor gekozen om alleen de kop en de laatste paragraaf en scheidingsregel te centreren.

Naar stap 11

Bookmark the permalink.

Comments are closed.