17.05.2014 Views

HTML, CSS en JavaScript - Pearson Education

HTML, CSS en JavaScript - Pearson Education

HTML, CSS en JavaScript - Pearson Education

SHOW MORE
SHOW LESS

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

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!