Les 01 — Start: variabelen & HTML

Eerst iets zichtbaars maken: PHP bewaart data in variabelen, HTML toont het via XAMPP.

In deze les

Wat je gaat doen. Een PHP-pagina die jouw naam, leeftijd, plaats en hobbies toont. Extra: tabel in HTML; formulier dat data doorgeeft.

Wat je leert. PHP onthoudt gegevens in variabelen; HTML is wat de browser laat zien. Eerst iets dat draait.

Komt aan bod. $naam, tekst aan elkaar plakken met ., tags openen én sluiten, tabel, formulier + $_POST.

Demo (concept)

Zo ziet minimale HTML eruit. Jouw opdracht is een PHP-pagina met variabelen — dat is iets anders.

hello.html

Klik een bestand om de bron te zien (of “Nieuwe tab”). PHP draait bij jou lokaal in XAMPP.

Gewone opdracht

Opdracht 1

Maak 01/opdracht1.php dat via variabelen toont:

Mijn naam is ....
Ik ben ... jaar en woon in ...

Mijn hobbies zijn:
1....
2....
3....

Overige informatie......

Test: http://localhost/educom-php-basis/01/opdracht1.php

Extra / variant

Extra A HTML-tabel

Maak 01/visiekaart.html: een nette HTML-pagina met jouw naam en hobbies in een tabel. Geen PHP nodig. Vergelijk ná eigen poging met de tabel-uitwerking onderaan.

Extra B Formulier (voorproef)

Maak 01/form2.html + 01/process_data2.php: klant vult naam, adres, telefoon en opmerkingen (textarea) in; PHP toont de data. Tip: tabel voor layout. (Komt terug bij forms/DB-lessen.)

Check

Opdracht 1 toont jouw gegevens via variabelen.
Je kunt uitleggen wat $ en echo doen.

Uitwerking (ná eigen poging)

Tabelvoorbeeld (handig bij extra A), ná eigen poging. Eerst zelf bouwen.

Toon uitwerkingen

table1.html

Klik een bestand om de bron te zien (of “Nieuwe tab”). PHP draait bij jou lokaal in XAMPP.

Opleveren

git add 01 → git commit -m "Les 01: …" → git push
Gebruik het seintje hieronder: klaar of vast.

Door naar les 02 →