Stap 4 – tekst

Als je tussen het begin en het eind van de BODY-tag tekst typt, zal deze tekst zichtbaar worden in de browser. Probeer het maar eens. Type een stukje tekst in, sla index.html op en open het bestand 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.

Witregels, alinea’s en nieuwe regels toevoegen

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. de “paragraph”-tag. Deze ziet er zo uit: <P>

Leer jezelf aan deze HTML tags te sluiten

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 i.p.v. <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 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">
<P>Nora Tol Virtual Publishing werd midden jaren '90 gestart, toen Nora Tol begon met het aanbieden
van haar webdesign-diensten.</P>
<P>Inmiddels heeft ze een nieuw bedrijf, ElNorado Productions, dat zich richt op het maken en
beheren van de inhoud van websites en social media.</P>
<P>Kijk snel op haar website voor meer informatie.
<BR />
E-mailen kan natuurlijk ook</P>

</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 naar wens met gebruik van deze tags om te oefenen.

Ga naar de volgende stap om de tekst nog op andere manieren te verbeteren.

Bookmark the permalink.

Comments are closed