|
Nu we het lettertype en de kleuren hebben vastgesteld, zijn we klaar om de tekst op de pagina te plaatsen. We nemen als voorbeeld even een standaardtekst, die je natuurlijk zelf kunt aanpassen:
Welkom op mijn website!
Hallo, mijn naam is Bert. Leuk dat je een bezoek brengt aan mijn site. Ik heb hier een aantal reisverhalen en foto's van mijzelf geplaatst. Ook vind je een pagina met links naar sites van reisgenoten van me.
Je kunt de foto's en verhalen bekijken door hieronder op de links te klikken.
Veel plezier!
Groeten,
Bert
Nu moeten we de tekst opmaken in HTML, zodat de browser weet hoe de tekst moet worden weergeven. Daarvoor zijn een aantal tags van belang. We kunnen tekst vetgedrukt, onderstreept en cursief gedrukt weergeven, door de tekst tussen de volgende tags te plaatsen:
<b>...</b> voor vet;
<u>...</u> voor onderstreept;
<i>...</i> voor cursief.
Voor de overzichtelijkheid van je pagina is het belangrijk alinea's te maken. Dat doe je door de tekst tussen <p> tags te zetten. De browser maakt dan automatisch een witregel aan tussen de stukken tekst. Wil je geen witregel, maar de volgende zin op een nieuwe regel beginnen, dan gebruik je de tag <br> aan het einde van de regel. Deze tag kun je vergelijken met de entertoets op je toetsenbord.
De voorbeeldtekst in HTML-opmaak komt er dan bijvoorbeeld zo uit te zien:
<p><b>Welkom op mijn website!</b></p>
<p>Hallo, mijn naam is <u>Bert</u>. Leuk dat je een bezoek brengt aan mijn site. Ik heb hier een aantal reisverhalen en foto's van mijzelf geplaatst. Ook vind je een pagina met <i>links</i> naar sites van reisgenoten van me.</p>
<p>Je kunt de <b>foto's en verhalen</b> bekijken door hieronder op de links te klikken.</p>
<p>Veel plezier!</p>
<p>Groeten,<br>
Bert</p>
Plak nu deze in HTML opgemaakte tekst tussen de <font> tags en we krijgen de volgende lap HTML:
<html>
<head>
<title>Mijn Homepage</title>
</head>
<body bgcolor="#FF0000" text="#000000">
<font face="tahoma" size="3">
<p><b>Welkom op mijn website!</b></p>
<p>Hallo, mijn naam is <u>Bert</u>. Leuk dat je een bezoek brengt aan mijn site. Ik heb hier een aantal reisverhalen en foto's van mijzelf geplaatst. Ook vind je een pagina met <i>links</i> naar sites van reisgenoten van me.</p>
<p>Je kunt de <b>foto's en verhalen</b> bekijken door hieronder op de links te klikken.</p>
<p>Veel plezier!</p>
<p>Groeten,<br>
Bert</p>
</font>
</body>
</html>
Als je deze HTML-structuur in je document zet en opslaat, krijg je, als je je pagina met je browser bekijkt, het volgende resultaat:
.jpg)
...en daarmee is je eerste echte webpagina geboren!
Okee, door naar stap 5 van 7
1
2
3
4
5
6
7
| top |
| 
