<HTML>
<BODY>
<SPAN style="width: 300px">
Hier gaat het allemaal gebeuren.<BR><BR>
De tekst is standaard zwart,<BR>
de achtergrond is standaard wit<BR>
of doorzichtig.
</SPAN>
</BODY>
</HTML>
NB: Controleer onder "VIEW" in uw werkbalk hierboven of "ZOOM" op 100% staat. Ik geef alle maten en posities in deze cursus aan in pixels. Het kadertje rechts is 580 pixels hoog. Dit grijze kadertje staat op 350px van links en 100px van boven. Wat hierboven in zwart geschreven staat, inclusief alle haakjes en aanhalingstekens, is het html-script voor wat u in het kadertje rechts ziet.

Hier gaat het allemaal gebeuren.

De tekst is standaard zwart,
de achtergrond is standaard wit
of doorzichtig.

LES 1

Typ in Wordpad of Notepad de tekst hiernaast over. De <BR> is nodig, als break, om in de output op het scherm na elke regel een nieuwe regel te beginnen of een regel wit te maken. Sla dit document op als oefening_01.html. U hebt dan uw eerste webpagina gemaakt.¹ Dit document kunt u in uw directory openen door erop te dubbelklikken. U ziet dan linksboven in uw scherm de tekst zoals deze hiernaast in een kadertje staat.

Webpagina's worden geschreven in HTML. Ze beginnen met <HTML> en eindigen met </HTML>. Dit is essentieel. Aan deze tags herkent uw webbrowser het bestand als een webpagina, en het begin en het einde ervan.

Verder bestaat het script van een pagina uit vele onderdelen, die alle een begin- en een eindtag hebben. De hoofdmoot van de webpagina bevindt zich in het onderdeel tussen <BODY> en </BODY>.

In de body kunnen vele onderdelen worden opgenomen, zoals teksten, afbeeldingen, links, tabellen. Hier heb ik de tags <SPAN> en </SPAN> gebruikt voor enkele regels tekst. Door aan een tag via de bepaling "style" een of meer kenmerken toe te voegen, kan precies worden voorgeschreven hoe dit blokje webpagina er moet uitzien. In dit geval heb ik me bepaald tot de breedte van de kolom (300 pixels), maar ik kan hier ook de aard, de maat en de kleur van het lettertype aangeven.

Moeilijker wordt het niet, maar oefen met deze elementaire webpagina tot het principe u volkomen duidelijk is. De webpagina's kunnen worden bekeken door middel van "view" en "source" in de werkbalk van uw browser. Bewerken en wijzigen van een webpagina (alleen die van uzelf, op uw eigen harde schijf) kan slechts via "file" en dan "edit with Notepad".

U kunt uw eigen webpages ook via "file" en "save as" opslaan als "oefening_02" en zo voorts, SAVE AS "webpage, html only". Dan hoeft u voor nieuwe pagina's van hetzelfde type alleen maar "oefening_02" te openen om enkele wijzigingen door te voeren en op te slaan, de rest is al klaar.

¹ De browser voegt diverse metagegevens toe, maar die kunt u verder negeren.
HOME vorige les volgende les