Skip to content
View in the app

A better way to browse. Learn more.

GTAGames.nl - De Nederlandse Grand Theft Auto Community!

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Editie 180 - HTML-cursus

(0 reviews)

Hoeveel procent heb je GTA Vice City uitgespeelt? 91 members have voted

  1. 1. Hoeveel procent heb je GTA Vice City uitgespeelt?

    • 10%
      6%
      5
    • 20%
      7%
      6
    • 30%
      1%
      1
    • 40%
      2%
      2
    • 50%
      13%
      11
    • 60%
      7%
      6
    • 70%
      4%
      4
    • 80%
      8%
      7
    • 90%
      48%
      40
    • 100%
      0%
      0

This poll is closed to new votes

Please sign in or register to vote in this poll.

gallery_108553_47_10996.gif

Deze rubriek is geschreven door Kloep!

Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek ga ik (Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar wat Javascript. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd.

In deze rubriek maken we gebruik van het programma Notepad++ en Google Chrome. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Chrome de codes anders weer als bijvoorbeeld Internet Explorer of Firefox.

Welkom bij les nummer 23. CSS is vorige week afgerond. De eerste basiscodes zijn verteld en de codes zijn uitgelegd. Nu is het aan jou de taak om hiermee wat te gaan spelen. Ik kan hier wel alles gaan voorkauwen, maar dan leer je het nooit zelf te doen. Mocht je nog vragen hebben, ben ik natuurlijk altijd per PB beschikbaar.

Deze week maken we een begin met Javascript. Javascript is een scripttaal die wordt geschreven in HTML. Als je Javascript ziet, lijkt het erg op PHP. Toch werkt het net iets anders.

Het begin

Je moet natuurlijk weten hoe je begint. Zoals ik al eerder zei, wordt Javascript in HTML geschreven. Zie hieronder de code waarmee je altijd werkt:

Begin:

<script type="text/javascript">



Eind:

</script>



Dit zijn erg handige codes om te onthouden, omdat je ze bij elke Javascriptcode apart gebruikt.

In tegenstelling tot PHP, kun je een webpagina met Javascript gewoon opslaan als HTML-bestand.

Het eerste venster

Iedereen kent die site's wel, waar je eerste een paar 100 keer moet klikken voordat je door kunt gaan. Dit is één van de simpelere codes, en het is dus een mooi begin. Bekijk hieronder het voorbeeld maar eens:

<script type="text/javascript">
var a = "Welkom op deze website!";
alert(a);
</script>



Ik zal even deze code uitleggen.

<script type="text/javascript">



Hier open je de code.

var a = "Welkom op deze website!";



Hier maak je een variabele A aan, waar je browser de waarde van moet onthouden.

alert(a);



Hier opent je browser een waarschuwingsvenster met als tekst de waarde van A die hij moest onthouden.

</script>



Hier sluit je de code weer af.

Je kunt ook meerdere vensters laten openen achter elkaar aan. Dit doe je door onderstaande code te herhalen (binnen de SCRIPT-tags):

var a = "Welkom op deze website!";
alert(a);



Je kunt natuurlijk telkens een nieuwe waarde aan A geven.

Dit is even om rustig te beginnen met Javascript. Volgende week gaan we meer codes bekijken. Hopelijk tot dan!

0 Comments

Recommended Comments

There are no comments to display.

Guest
Add a comment...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.