Stap 4 - tekst:
Als je tussen het begin en het eind van de BODY-tag tekst typt, zal deze zichtbaar worden in de browser. Probeer het maar eens. Type een stukje tekst in, sla index.html op en open hem in een browser. Je zult merken dat de tekst automatisch aan de linkerkant van de browser zal beginnen en indien je veel tekst hebt getypt, de browser geen enters of witregels heeft gelezen. De tekst wordt achter elkaar gezet en pas als een regel te lang is zal de tekst op een volgende regel geplaatst worden. Om de overzichtelijkheid van de tekst te behouden wil je natuurlijk dat de enters en de witregels wel gelezen worden. Daar zijn speciale tags voor.
Een enter geef je aan d.m.v. een "forced line break". Deze ziet er als volgt uit: <BR>
Een witregel geef je aan d.m.v. "paragraph". Deze ziet er zo uit: <P>
Beide tags hoeven niet gesloten te worden, maar het is het beste om jezelf aan te leren dit wel te doen! De <P>-tag wordt nl. met name gebruikt om tekst vorm te geven middels CSS en dan is het wel belangrijk deze te sluiten. Een gesloten <P>-tag ziet er als volgt uit </P>. Voorbeeld: <P>stukje tekst</P>.
Het sluiten van de <BR> tag werkt anders: Gebruik ipv <BR> simpelweg <BR /> en je bent klaar. De "/>" geeft aan dat de tag gesloten is, zonder dat je daadwerkelijk de sluitende tag </BR> gebruikt. Dat scheelt je werk. Voorbeeld: stukje tekst<BR />.
Het voorbeeld dat door de hele cursus door gebruikt wordt is verouderd en moet dus nog wel gesloten worden!
Het volgende stukje HTML wordt als voorbeeld gebruikt. Je mag ook met jouw eigen tekst verder werken. In de rest van deze cursus wordt het volgende document wel verder gebruikt:
<HTML>
<HEAD>
<TITLE>mijn eigen website</TITLE>
</HEAD>
<BODY BACKGROUND="images/background.gif" BGCOLOR="#FFFFE1" TEXT="#808080" LINK="#FF9B6A" ALINK="#FF9B6A" VLINK="#FF0000">
Nora Tol Virtual Publishing werd zo'n 12 jaar geleden gestart toen Nora begon met het aanbieden van haar webdesigndiensten.
<P>
Kijk snel op haar homepage voor meer informatie.
<BR>
E-mailen kan natuurlijk ook
</BODY>
</HTML>
Zoals je ziet heb ik tekst toegevoegd en deze ingedeeld met de tags <BR> en <P>. Indien je dat nog niet gedaan hebt, voeg tekst toe aan jouw document (gebruik eventueel bovenstaande tekst) en verdeel het netjes met gebruik van deze tags.
