H T M L
Cursus

Door Ben Oeyen van 6TIW
09-03-2007


Basis


Lessen
1.Basis
2.Tekst
3.Font
4.Afbeeldingen
5.Tabellen
6.Lijsten
7.Links
Inleiding
welkom op mijn website die je hopelijk iets nieuw kan bijleren bij het maken van websites door middel van HTML codes. Om te beginne wil ik even zeggen dat html een zeer eenvoudige en logische progammeertaal is, en zeker aan te raden voor mensen die graag iets willen doen met webdesign omdat namelijk de meeste talen gebasseerd zijn op html. Het is ook niet duur om mee te beginnen, het progamma waarmee je html kan progammeren is wordpad. Dit staat normaal gezien op elke computer met windows als operating system. Natuurlijk zijn er ook hulpprogamma's waardoor het allemaal nog makkelijker wordt, bijvoorbeeld Dreamweaver, HTML-kit, Frontpage, enz...

Om te beginnen open je een nieuw wordpad-document dat je opslaat met de naam "index.html".Zoals je kan zien staat er in de map in plaats van een een wordpad-document, een webpagina met de naam "index". Open deze webpagina en zoals je dan kan zien is deze nog blank, tijd om daar verandering in te brengen.
selecteer Beeld --> Bron. Nu zie je het wordpad document weer waar nog steeds niets instaat. Nu ben je klaar voor de volgende stap, het maken van een HTML-template die je als basis kan gebruiken voor al je websites. maar eerst nog wat uitleg over tags

This form is inoperational!


Tags
Tags zijn de codes die zich bevinden tussen de kleinder-dan "<" en de groter-dan ">" tekens. Er zijn 2 soorten tags namelijk tags die een code starten en tags die een code afsluiten, namelijk begintags en eindtags, het enige verschil is dat eindtags net na het kleinder-dan teken "<" een backslash "/" moet geplaats worden de tekst die zich tussen deze 2 tags bevindt zal zich opmaken qua uitlijnening, kleur, enz... dat door deze codes wordt gespecifieerd.Deze tags en alles wat tussen kleinder-dan "<" en de groter-dan ">" tekens bevindt is enkel zichtbaar in de broncode.

This form is inoperational!


Html
Om te beginnen moeten we met een tag aangeven dat we de met de progammeeertaal HTML gaan werken. dit gebeurt als volgt op het begin van het document typ je <Html> gevolgt door </Html>. alles wat tussen deze tags wordt beschreven zal door de computer als html taal worden gelezen.

Broncode Webpagina
<Html>
</Html>

This form is inoperational!


Heading
nu wordpad weet dat we in html gaan progammeren, moeten we de webpagina een title geven die in de blauwe titelbalk van de webpagina zal verschijnen. De title moeten we in de hoofding van het html-document zetten met andere woorden tussen de tags <Head> en </Head> (komt van het engels Heading dat hoofding betekent). Tussen deze Head tags plaatsen we de title-tags (<Title>...</Title>) waartussen we op zijn beurt de naam van de weppagina kunnen opgeven bijvoorbeeld "mijn eerste webpagina".

Broncode Webpagina
<Html>
<Head>
<Title>Mijn eerste webpagina</Title>
</Head>
</Html>

This form is inoperational!


Body
Nu word het tijd om aan de webpaina zelf te beginnen. net zoals bij de hoofding moet alles van de webpagina ook tussen 2 tags staan namelijk <Body> en </Body>. Laten we bijvoorbeeld al eens een klein stukje tekst tevoorschijn komen op de webpagina.

Broncode Webpagina
<Html>
<Head>
<Title>Mijn eerste webpagina</Title>
</Head>
<Body>
klein stukje tekst
</Body>
</Html>
klein stukje tekst

This form is inoperational!

Inhoud
1.Inleiding
2.Tags
3.Html
4.Heading
5.Body

© Design Ben Oeyen ™