De basis van HTML
| Categorie | HTML |
| Geplaatst | 28-07-2010 |
| Laatste aanpassing | 28-07-2010 |
Verreweg de meeste websites zijn geschreven in HTML. HTML staat voor HyperText Markup Language en is een simpele programmeertaal, die de browser de indeling van je site vertelt. In dit artikel leer je de basis.
Inleiding
HTML is een taal die de structuur van een pagina aangeeft, en dus niet bedoeld is om opmaak mee te regelen. Vroeger werden er echter ook nog wel eens opmaak-attributen (zoals de achtergrondkleur en het lettertype) meegegeven met de HTML-code. Tegenwoordig gaat dit met een andere code, namelijk CSS. In deze cursus leer je de indeling van een HTML-pagina, waarna je de opmaak kunt regelen met CSS.Bij het schrijven van een HTML-document kun je je het beste aan de regels van het W3C houden om ervoor te zorgen dat je site er in elke browser hetzelfde uitziet. Je kunt controleren of je aan deze eisen voldoet op de validator van het W3C.
Het verschil tussen HTML en XHTML
De huidige versie van HTML (versie 4.01) werd in 1999 geintroduceerd. In 2002 werd er een "vernieuwde versie" van HTML gelanceerd: XHTML 1.0. Deze opmaaktaal zou de opvolger van HTML worden.
Inmiddels is duidelijk dat dit niet gelukt is. Veel webmasters stapten niet over op de nieuwe standaard. Bovendien was XHTML lastiger te schrijven dan HTML, terwijl er maar weinig nieuwe mogelijkheden werden toegevoegd.
Daarom werd er begonnen met de ontwikkeling van een nieuwe standaard: HTML 5. Op dit moment is deze standaard nog in volle ontwikkeling, hoewel sommige onderdelen ervan al worden ondersteund door sommige browsers. Dit betekent echter wel dat op dit moment HTML 4.01 nog steeds de meest recente, geaccepteerde opmaaktaal is. Daarom is deze handleiding gebaseerd op HTML 4.01.
|
HTML is niet bedoeld om je pagina's opmaak mee te geven. Gebruik hiervoor CSS. |
De tags
Een HTML-document bestaat uit tags. Dat zijn kleine opdrachten tussen deze haakjes: <>. <dit is dus een tag>. Een tag moet altijd afgesloten worden, op een paar uitzonderingen na. Afsluiten gaat zo: </dit is dus een tag>
Je kunt gewoon elke willekeurige platte-tekst editor gebruiken om HTML te schrijven. Zorg er wel altijd voor dat je een pagina opslaat met de extensie .html. Een pagina wordt dan bijvoorbeeld pagina.html.
De standaard structuur van een HTML-pagina is als volgt:
- De tag met DOCTYPE geeft aan dat het document een HTML-document is.
- De tag html geeft aan dat dat de HTML-code gaat beginnen.
- Tussen de head-tags wordt informatie gegeven over de pagina die niet rechtstreeks op de pagina staat.
- De tag title (moet altijd tussen de head-tags staan) geeft aan wat er op de titelbalk van de browser moet verschijnen.
- Bij de body begint het zichtbare gedeelte van de pagina.
- Elke verschillende paragraaf tekst komt tussen de p tags.
- Daarna worden de tags body en html weer afgesloten.
advertentie
Tekst en plaatjes
Een witregel (ook wel break genoemd) kun je invoegen met de volgende code.De code voor een plaatje gaat als volgt:
Achter src voer je de bestandsnaam van het plaatje in. Als het bestand in een andere map staat als het HTML-document, kun je een slash gebruiken om dit aan te geven. Bijvoorbeeld images/bestandsnaam.png.
Als je je muis wat langer op een plaatje houd, zie je vaak een balkje met tekst. Die tekst voer je bij title in. Bij alt kun je een tekst opgeven die weergegeven moet worden als de afbeelding niet geladen kan worden.
|
|
Websites worden vaak opgebouwd met divs. Kijk voor meer informatie over divs eens naar onze artikelen Divs positioneren en Divs opmaken. Enige CSS-kennis is vereist om deze artikelen te volgen. |
Links
Een link in HTML maak je zo:
Je kunt de tekst tussen <a href=""> en </a> ook vervangen door <img>, dan is het plaatje de link. Bij title vul je de titel in van de pagina waar de link naar verwijst.
Slot
Als je eenmaal het principe en de belangrijkste tags onder de knie hebt, wil je de pagina natuurlijk opmaken. Dit kan met CSS.
Er is nog veel meer mogelijk met HTML, maar het is belangrijk dat je eerst de basis een beetje onder de knie hebt. Andere HTML onderdelen staan bij onze artikelen.
