Basiscursus HTML PDF  | Afdrukken |  E-mail
Geschreven door Rinie Hooijer   
woensdag, 31 december 1997 03:00
Inhoudsopgave
Basiscursus HTML
HTML implementeren
De <HEAD> tag
De <META> tag
De <BODY> tag
Alle Pagina's
Een HTML-document bestaat uit twee delen: tekst en HTML-tags. Tags zijn HTML-elementen die tussen het kleiner dan- (<) en groter dan-teken (>) in staan. In het Engels noemen we deze tekens 'delimiters' omdat ze eigenlijk de grenzen van de opmaak aangeven. De manier waarop de tag tussen de haken wordt ingetikt maakt niet uit. Of het nu , of is, de browser herkent het wel. Wel moet u ervoor zorgen dat er geen spatie staat tussen het beginhaakje en de eerste letter.
Een HTML-document bestaat uit twee delen: tekst en HTML-tags. Tags zijn HTML-elementen die tussen het kleiner dan- (<) en groter dan-teken (>) in staan. In het Engels noemen we deze tekens 'delimiters' omdat ze eigenlijk de grenzen van de opmaak aangeven. De manier waarop de tag tussen de haken wordt ingetikt maakt niet uit. Of het nu , of is, de browser herkent het wel. Wel moet u ervoor zorgen dat er geen spatie staat tussen het beginhaakje en de eerste letter.

De tags zorgen ervoor dat het document wordt opgemaakt, dat de tekst wordt ingedeeld en dat verwijzingen worden opgenomen naar andere bestanden en webpagina's. Er zijn tags die een combinatie vormen en tags die op zichzelf staan. De paren-tags bestaan uit een begin- en eind-tag, waarbij de eind-tag wordt voorafgegaan door een 'slash' (schuine streep naar rechts). Het geheel komt er dan zo uit te zien:

tekst


Daarnaast zijn er ook tags die geen eind-tag hoeven hebben en tags die geen eindtag mogen hebben. Zo mag een paragraaf worden gemaakt met

en

, maar dit is niet noodzakelijk. De meeste browsers herkennen wanneer de paragraaf is afgelopen. De bekendste tags die altijd alleen voorkomen zijn:
,
, , , en .
Alle gegevens die tussen de tags staan worden aangepast door de betreffende tags. Een voorbeeld. Om iets cursief te zetten moet de tekst tussen de tags en staan (I staat voor het Engelse woord Italic, wat cursief betekent). Willen we deze tekst vervolgens centreren (in het midden van de regel plaatsen) dan moet die tussen de tags

en


staan. Let er daarbij op dat een extra tag altijd in een ander tags-paar wordt genesteld. Dus tekst tussen
en
werkt niet. Het klinkt misschien wat ingewikkeld, maar als u kijkt naar de voorbeelden die op de cd-rom staan, dan moet het duidelijk worden.
Iedere tag kan een aantal attributen bevatten die altijd een waarde hebben. Het attribuut en de waarde staan in de begintag tussen de code en het tweede haakje. Het geheel komt er dan zo uit te zien:



Om tekst te linken naar iets anders wordt binnen HTML het anker-element gebruikt. Dat bestaat uit de tags en . Om aan te geven dat het we gaan linken gebruiken we het attribuut href. De waarde van dit attribuut is vervolgens het Internet-adres. Als we dit correct samenvoegen krijgen we:

Hier komt de tekst te staan

Het komt regelmatig voor dat een tag meerdere attributen heeft. Deze attributen met hun waarden worden van elkaar gescheiden door een spatie.

Standaard attributen
Alle HTML-elementen die vaker dan één keer in een document kunnen voorkomen bezitten in ieder geval de attributen class, id, style, title, lang en dir . De eerste drie attributen zijn pas van belang als we met style sheets aan de gang gaan. Daarom zal ik ze in het HTML gedeelte niet noemen en niet bespreken. Het title attribuut is bedoeld om extra informatie te geven bij een element. Het lang attribuut wordt gebruikt om de taal van het land aan te geven terwijl het dir attribuut dit doet voor de leesrichting. Omdat deze attributen bij iedere tag voorkomen, zal ik ze niet iedere keer vermelden bij de afzonderlijke tags.

Voordat we nu gaan beginnen met het implementeren van HTML moet u nog even weten dat HTML-elementen in twee soorten voorkomen, namelijk in blok- en karakter-elementen. Blok-elementen breken automatisch de voorgaande paragraaf af. Daarnaast genereren zij automatisch een lege regel onder zich. Karakter-elementen hebben betrekking op enkele letters, woorden of zinnen. U kunt dan denken aan het vet of cursief zetten van tekst maar ook aan het plaatsen van een afbeelding.





Laatst aangepast op dinsdag, 01 september 2009 13:19