HTML, CSS en JavaScript - Pearson Education
HTML, CSS en JavaScript - Pearson Education
HTML, CSS en JavaScript - Pearson Education
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
1 <strong>HTML</strong>, <strong>CSS</strong> <strong>en</strong> <strong>JavaScript</strong><br />
par<strong>en</strong> tags, e<strong>en</strong> begintag <strong>en</strong> e<strong>en</strong> eindtag. Tags zijn codewoord<strong>en</strong> tuss<strong>en</strong> hoekige haakjes:<br />
< <strong>en</strong> >. Dezelfde tag met e<strong>en</strong> / achter de < geeft het einde van het bereik van e<strong>en</strong> tag<br />
aan, dus alle tekst tuss<strong>en</strong> <strong>en</strong> vorm<strong>en</strong> de ‘body’ van e<strong>en</strong> <strong>HTML</strong>-docum<strong>en</strong>t.<br />
E<strong>en</strong> paragraaf <strong>en</strong> e<strong>en</strong> titel zi<strong>en</strong> er bijvoorbeeld zo uit:<br />
C Dit is de paragraaftekst<br />
Dit is e<strong>en</strong> titel<br />
Elem<strong>en</strong>t<strong>en</strong><br />
E<strong>en</strong> onderdeel dat door tags gemarkeerd is zull<strong>en</strong> we e<strong>en</strong> <strong>HTML</strong>-elem<strong>en</strong>t noem<strong>en</strong>. E<strong>en</strong> <strong>HTML</strong>docum<strong>en</strong>t<br />
is dus eig<strong>en</strong>lijk niets anders dan e<strong>en</strong> verzameling van <strong>HTML</strong>-elem<strong>en</strong>t<strong>en</strong>.<br />
In oudere versies van <strong>HTML</strong> zijn tags niet hoofdlettergevoelig; het maakt daar niet uit of<br />
u , , of schrijft. Wij zijn echter van plan zo veel mogelijk<br />
alle<strong>en</strong> nette <strong>HTML</strong> te gebruik<strong>en</strong>, <strong>en</strong> dan maakt het wel degelijk uit. Vergeet dus alle<br />
hoofdletters!<br />
1.2.2 Attribut<strong>en</strong><br />
Tags kunn<strong>en</strong> attribut<strong>en</strong> hebb<strong>en</strong>, die het <strong>HTML</strong>-elem<strong>en</strong>t van extra informatie voorzi<strong>en</strong>.<br />
Attribut<strong>en</strong> zi<strong>en</strong> er altijd zo uit: naam=”waarde” of: naam= ‘waarde’.<br />
Voorbeeld: .<br />
In oudere versies van <strong>HTML</strong> kon u vaak de ‘ of de “ weglat<strong>en</strong>, dus .<br />
De meeste browsers zull<strong>en</strong> dit nog wel goed weergev<strong>en</strong>, maar als u dynamisch met uw<br />
<strong>HTML</strong>-code aan de slag wil, kan dit e<strong>en</strong> bron zijn van onbegrijpelijke fout<strong>en</strong>. Bij voorkeur<br />
gebruikt u “ om attribuutwaard<strong>en</strong>. Attribut<strong>en</strong> staan altijd in de begin-tag van e<strong>en</strong><br />
elem<strong>en</strong>t.<br />
1.2.3 <strong>HTML</strong>-voorbeeld<br />
Het allersimpelste welgevormde <strong>HTML</strong>-docum<strong>en</strong>t dat u kunt mak<strong>en</strong> ziet er ongeveer zo<br />
uit:<br />
C <br />
<br />
<br />
E<strong>en</strong> Simpel <strong>HTML</strong>-docum<strong>en</strong>t<br />
<br />
<br />
5