Nora Tol Virtual Publishing
Postbus 23
8200 AA Lelystad
T: 06 - 27 54 54 55
E:
info@virtualpublishing.nl
ma - vrij, 10:00 - 17:00 uur
Welke webambitie heeft u?
En u bent...?
> Klant
op zoek naar online support
> Partner
op zoek naar samenwerking
Stap 10 - centreren:
Het centreren van teksten en andere onderdelen van jouw ontwerp is vaak snel gedaan. Als ik alles van mijn index.html gecentreerd wil hebben, doe ik dit als volgt:
<HTML>
<HEAD>
<TITLE>mijn eigen website</TITLE>
</HEAD>
<BODY BACKGROUND="images/background.gif" BGCOLOR="#FFFFE1" TEXT="#808080" LINK="#FF9B6A" ALINK="#FF9B6A" VLINK="#FF0000">
<CENTER>
<FONT FACE="Verdana" SIZE=2>
<H2>Een korte introductie</H2>
<FONT COLOR="#FF9B6A"><B>Nora Tol Virtual Publishing</B></FONT> werd zo'n 12 jaar geleden gestart toen eigenaresse <FONT COLOR="#FF9B6A"><I>Nora</I></FONT> begon met het aanbieden van haar webdesigndiensten.
<P>
<FONT SIZE=4>Kijk snel op haar homepage voor meer informatie.
<BR>
E-mailen kan natuurlijk ook!</FONT>
<P>
<FONT SIZE=4>Kijk snel op haar homepage voor meer informatie.
<BR>
E-mailen kan natuurlijk ook!</FONT>
<HR WIDTH=50% COLOR=#000000 NOSHADE SIZE=2>
</FONT>
</CENTER>
</BODY>
</HTML>
Zoals je ziet open ik, voordat mijn tekst begint, de CENTER-tag en eindig deze pas na de HR-tag. Alles wat 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.
Stel dat je alleen een gedeelte gecentreerd wilt hebben. Dit doe je als volgt:
<HTML>
<HEAD>
<TITLE>mijn eigen website</TITLE>
</HEAD>
<BODY BACKGROUND="images/background.gif" BGCOLOR="#FFFFE1" TEXT="#808080" LINK="#FF9B6A" ALINK="#FF9B6A" VLINK="#FF0000">
<FONT FACE="Verdana" SIZE=2>
<CENTER>
<H2>Een korte introductie</H2>
</CENTER>
<FONT COLOR="#FF9B6A"><B>Nora Tol Virtual Publishing</B></FONT> werd zo'n 12 jaar geleden gestart toen eigenaresse <FONT COLOR="#FF9B6A"><I>Nora</I></FONT> begon met het aanbieden van haar webdesigndiensten..
<P>
<FONT SIZE=4>Kijk snel op haar homepage voor meer informatie.
<BR>
E-mailen kan natuurlijk ook!</FONT>
<P>
<CENTER>
<FONT SIZE=4>Kijk snel op haar homepage voor meer informatie.
<BR>
E-mailen kan natuurlijk ook!</FONT>
<HR WIDTH=50% COLOR=#000000 NOSHADE SIZE=2>
</CENTER>
</FONT>
</BODY>
</HTML>
Hierboven heb ik ervoor gekozen om alleen de kop en de tekst, die groter weergegeven wordt te centreren.