LES 2 INDERDAAD, JE MOET DE WEBBROWSER AANWIJZINGEN GEVEN, MAAR DAN WEL VOLGENS DE AFGESPROKEN REGELS

Maat: px

Weergave met pagina beginnen:

Download "LES 2 INDERDAAD, JE MOET DE WEBBROWSER AANWIJZINGEN GEVEN, MAAR DAN WEL VOLGENS DE AFGESPROKEN REGELS"

Lodewijk Willemsen
7 jaren geleden
Aantal bezoeken:

1 LES 2 INDERDAAD, JE MOET DE WEBBROWSER AANWIJZINGEN GEVEN, MAAR DAN WEL VOLGENS DE AFGESPROKEN REGELS In les 1 hebben we op een webpagina aan een gedicht de beoogde vorm gegeven. We deden dit met het html-code-element , de code voor het afbreken van een regel, beginnen van een nieuwe regel. We boden het gedicht aldus aan de browser aan: De browser herkende waarschijnlijk als een html code element en zette het geheel daarna volgens de html-afspraak 'hoe te handelen met code element ' op het beeldscherm. We kunnen er evenwel niet op vertrouwen dat we ver komen met de aanpak uit Les 1. We gaan daarom vanaf Les 2 de afgesproken regels volgen. Maar eerst, waar slaan de letters 'HTML' op? De HT van HTML staat voor Hypertext, voor het wonder via tekstverwijzingen, links, de wereld rond kunnen surfen. De M staat voor Markup; dat is markeren, dat wil zeggen de tekst door markeertekens een vorm, structuur geven; markeertekens? ja, bijvoorbeeld, of noem markeertekens technischer code-element, tag. In Les 1 werd tekst met vorm gegeven, gestructureerd tot een gedichtvorm. De laatste, de L van Language, het Engels voor taal. HTML is computertechnisch gezien een betrekkelijk eenvoudige markeertaal waarmee we tekst, inhoud, vorm geven, structureren tot webpagina die we kunnen linken aan ontelbare hoeveelheden webpagina's op servers over de gehele wereld.

2 Een volgende opmerking vooraf. Een regel afbreken, een nieuwe regel beginnen, gebeurt door op de plek in de tekst te schrijven. Stel u wil iets in uw tekst benadrukken door het 'vet' weer te geven. Dat kan met het tweedelig code element .... Als u met in de tekst doorgeeft dat de browser vanaf die bepaalde plek enige tekst 'vet' moet weergegeven, moet u ook doorgeven waar de browser moet ophouden de tekst vet weer te geven. Dat gebeurt door het code element te herhalen met een / er in: . Andere voorbeelden zijn <html>.., <head>.., <title>...</title>,... We komen ze in deze les nog tegen, vergezeld van enige toelichting. Zelf aan de slag Genoeg voorlopig. Het is een practicum. Typ onderstaande html passage over in kladblok. Maak op uw pc een nieuwe map aan, met de naam practicum of wat voor naam ook, en sla het typwerk op als html bestand, met bijvoorbeeld de naam: model.html <head> <meta name=description content= een beschrijving van de inhoud van de webpagina > <meta name=keywords content= met kernwoorden de inhoud duiden > Hier de inhoud van de webpagina. Hieronder herhalen we model.html, en voorzien elke html regel van enige toelichting. De toelichting is geplaatst tussen . Wat tussen  staat, slaat de browser over, zet de browser niet op het scherm. (Het is wel door iedereen op Internet te lezen, als men de bron van de webpagina oproept.)

3 <head>   <meta name=description content= Beschrijving van de webpagina >  <meta name=keywords content= Kernwoorden >   Nog een oefening 1. Open in kladblok het bestand model.html 2. Verwijder in het onderdeel.. de tekst: Hier de inhoud van de webpagina.

4 3. Kopieer de dichtregel:. 4. Plak het gekopieerde in het onderdeel Sla het LET OP onder een ANDERE naam op in de map die u aangemaakt hebt. Wij noemden de map: Practicum, en het bestand slaan we op onder de naam: les-html-gedicht.html 6. Open het opgeslagen bestand in de browser. <head> <meta name=description content= Beschrijving van de website > <meta name=keywords content= Kernwoorden > 7. De browser laat in het beeldscherm precies hetzelfde op dezelfde plek zien als in Les 1. Klopt. Het verschil is dat de browsers, zoekmachines en computer-voorlees-programma's ons wel aardiger gaan vinden om met samen te werken, nu we de afgesproken regels toepassen. En het verschil is dat we nu een okay, een kleine hele webpagina hebben gemaakt.

5 Tot zover even de eerste, voorzichtige kennismaking met html. In Les 3 gaan we kennis maken met css. Faas van Rietschoten 2014

Vergelijkbare documenten

LES 3 WEBPAGINA'S MAKEN MET HTML VOOR DE INHOUD EN MET CSS VOOR DE OPMAAK

LES 3 WEBPAGINA'S MAKEN MET HTML VOOR DE INHOUD EN MET CSS VOOR DE OPMAAK De webpagina die we in de eerste twee lessen maakten, bestond uit een gedicht van tien woorden. titel van de webpagina