logo bolletjes
Google
 
Web WebtoolsNation
bolletjes
contactContact
in favorietenIn favorieten
  Startpagina >> Tutorials
  Navigatie

  Links

 Tutorials en artikels: De basisprincipes van HTML

Je leest momenteel tutorial/artikel: De basisprincipes van HTML.


De basisprincipes van HTML

De taal HTML maakt gebruik van tags en attributen. De tags worden aangegeven tussen spitse haken. Alles wat tussen de openings- en sluitingstag staat volgt de instructies die de tag bevat.
Het klinkt misschien wat ingewikkeld, maar een voorbeeld zal veel verduidelijken.



Typ de volgende code (of knip en plak hem) in een notepadbestand en sla het bestand op in een aparte map onder de naam index.htm . Zorg ervoor dat je bij Save as kiest voor de optie Alle bestanden, anders wordt het bestand opgeslagen als een gewoon tekstbestand.
Het is ook belangrijk dat je startpagina index.htm noemt, zodat je host weet waar hij moet starten. Later volgt hierover nog meer uitleg.

Sla daarna het volgende prentje op in dezelfde map als index.htm
Ga voor meer achtergronden naar de Website Achtergronden sectie.

Als je alles goed uitgevoerd hebt, zou dit het resultaat moeten zijn.

Goed, tijd nu om eens dieper in te gaan op de code zelf.

De tags <html> en </html>

Deze tags laten gewoon aan de browser weten dat het wel degelijk om een HTML-document gaat. In principe moet elk document beginnen met <html> en eindigen met </html> . Al doet een browser als Internet Explorer niet moeilijk over het ontbreken van deze tags.

De tags <head> en </head>

Hierbinnen wordt beschrijvende informatie gegeven over het eigenlijke HTML-document. Tags die je altijd terug vindt in deze tags zijn <title> en </title>. Wat tussen deze tags staat, komt meestal boven in de titelbalk van je browser.
Veel voorkomende tags binnen de <head> tags zijn:
  • <style> en </style>
  • <meta>
Later volgt hierover meer uitleg.

De <body> en </body> tags

Deze tag toont aan dat vanaf hier de eigenlijke inhoud van de pagina begint. Alle HTML-code die binnen de body tag valt, heeft directe invloed op het uitzicht van de pagina.
Voor het eerst hebben we hier te maken met een tag die niet leeg is. Dit wil zeggen dat ze attributen kan bevatten. Deze attributen bevatten dan op hun beurt weer waarden.

Beschouwen we <body background="paper002.jpg">.
  • body is de tag
  • background is het attribuut
  • paper002.jpg is de waarde bij background
Een overzicht van de veelgebruikte attributen in <body>
backgroundGeeft aan welk prentje als achtergrond voor de gehele pagina gebruikt moet worden.
bgcolorGeeft aan welke kleur moet gebruikt worden als achtergrond voor de hele pagina. Mogelijke waarden zijn red, green, blue maar ook een hexadicimale code van de vorm #RRGGBB.
topmarginRegelt de marge vanaf de bovenkant. De waarde is hier altijd een getal.
leftmarginRegelt de marge vanaf de linkerkant. De waarde is hier altijd een getal.
rightmarginRegelt de marge vanaf de rechterkant. De waarde is hier altijd een getal.


Samenvatting

<html>, <head> en <body> zijn tags die je altijd tegenkomt in een HTML-bestand. Het zijn een paar van de weinig verplichte tags.
Binnen deze tags komen er over het algemeen nog andere tags voor. Denk maar aan de title tags binnen de head tags. Deze techniek heet nesten van tags. Wanneer een bepaalde tag niet langer van toepassing is, wordt ze afgesloten door dezelfde tag, maar dan met een slash ( / ) voor de tagnaam.

Er is duidelijk nog niet veel te zien op onze HTML-pagina, ga verder voor meer informatie ivm de opmaak in HTML.

Ga naar "Opmaak in HTML" >>
 Advertenties

Creative Commons License
Op dit werk is een Creative Commons Licentie van toepassing.
webtoolsnation.be | funnynation.be | messengernation.be |