HTML (basis)opbouw, written & copyrighted by Alice
Dit is het volgende deel van de tutorial, hier leer je namelijk de opbouw van HTML. Het is belangrijk
dat je weet hoe dit werkt. Nog even wat html is en inhoudt: HTML staat voor Hyper Text Markup Language.
HTML wordt gebruikt om websites mee te bouwen. En dan komen we nu op dat nieuwe punt:
HTML heeft namelijk een standaard structuur en is erg precies. Iedere bug is te zien (in bijvoorbeeld tekstopmaak).
HTML bestaat uit allerlei
tags die je ook weer netjes moet
afsluiten met een '/'..
Het ziet en klinkt allemaal ingewikkeld, maar als je het eenmaal doorhebt, dan is het heel simpel!
Zie je? Iedere keer als je zo'n tag invoert moet je deze ook weer afsluiten. Dit is niet het enige.
HTML bestaat uit verschillende delen. Namelijk de 'HEAD' en de 'BODY'.
Wat staat er nou weer in de head?
- de titel van je document. Dit zet je in 'title' tags.
- je stylesheet, dat is een term dat men gebruikt voor opmaak. Die opmaak staat in een aparte scripttaal, namelijk
in CSS. CSS staat weer voor Cascading Style Sheet. Vandaar 'stylesheet'. Dit doet er niet zoveel toe nu,
het is alleen belangrijk dat je weet dat een stylesheet in de head hoort.
- je javascripts, javascripts worden gebruikt voor vanalles en nogwat. Het kan zijn voor een mouse-over effect
bij afbeeldingen of een tekstje in de statusbar van je browser.
- meta tags. Daaraan kan je zien wie de pagina heeft gemaakt, waarmee enzovoorts. De "meta's" verschaffen
dus informatie. Het is niet erg als je de metatags overslaat. Als je je site laat controleren op bugs (fouten)
via een online validator zul je zien dat daar wel op wordt gewezen. Maar in principe werkt je document ook
zonder 'meta' tags. Ook kan je via 'meta' trefwoorden invoeren waardoor je site beter vindbaar wordt in
zoekmachines.
En wat zet je dan ooit in de body?
In de body zet je de inhoud van je bestand. Ook wel 'content' genoemd.
Dat kan tekst zijn, dat kunnen afbeeldingen zijn, tabellen, tekstvakken, (i)frames... Wat je ook maar wilt.
Wel is het belangrijk dat je de bodytag goed afsluit.
Alles wat je in de body zet aan tekst, afbeeldingen, links enzovoorts, is dus te zien als je het bestand
gaat bekijken. Alles in de head zie je niet als je de pagina gaat bekijken. Je kunt wel zien welke
'invloed' de head uitoefent. Staat er bijvoorbeeld een mooie stylesheet in de head, dan kan je
dat zien in op de pagina in de body. De Meta tags zie je niet..
Hier kan je een simpel voorbeeldje zien van een compleet html-bestand volgens de body en head structuur.
Dit is wat je moet weten van de HTML (basis)opbouw. Je kunt nu je bestand gaan opslaan als een .html bestand
en dit online publiceren.
Nog vragen?
Alice's Riot: standmyground.org
Al bijna een jaar lang werk ik met veel plezier aan mijn site standmyground.org. Ik weet dat er veel is veranderd,
maar ja, dat vind ik juist zo leuk! Deze site heb ik gemaakt op 17 februari 2008 en dit is intussen alweer versie 22!
Ja ja, Paramore dit keer. Ik heb voor zover ik weet nog nooit een layout gemaakt met Paramore, dus ja, waarom
ook niet he! Ik vind het haar van Hayley Williams echt ge-wel-dig!
En haar stem ook. Even vooraf: ik flip
helemaal als je mijn layout jat of mijn stylesheet. Dan ben ik even niet meer zo aardig, dus doe dit s.v.p. niet!
Je weet niet hoe ik ben als ik boos ben, haha. Ik ben allergisch voor copycats!
Ik ben een 15-jarig meisje dat de naam Alice heeft gekregen van haar ouders. Ik ben gek op muziek maken en muziek luisteren.
Mijn favoriete muziek? Ik hou heel veel van metal en rock. Paramore, Nightwish, Bullet For My Valentine, Trivium...,
en ga zo maar door! Voor de rest vind ik natuurlijk photoshoppen geweldig, speel ik trompet in een fanfare en werk
ik bij de c1000 als vakkenvuller. Lucky is mijn schatje (hondje).
Meer weten?
Agenda
31-12-2008: naar oma1 & oudjaarsdag
01-01-2009: nieuwjaarsdag
03-01-2009: oma2's verjaardag vieren
05-01-2009: weer naar school
15-01-2009: r.i.p. Charlie
16-01-2009: broertje jarig
03-02-2009: tandartsafspraak
