Zoals je waarschijnlijk weet is HTML de basis van iedere website. Deze structuurtaal omschrijft hoe je pagina eruit komt te zien. In deze cursus leer je de basis van HTML. Als je een beetje je best doet kun je binnen 5 minuten je eigen website maken.
HTML ‘schrijf’ je in een tekstverwerker. Je kunt het programmaatje Notepad of Kladblok, dat standaard bij Windows zit gebruiken, maar wij adviseren om NOTEPAD 4.5 te gebruiken. Hierin heb je iets meer mogelijkheden.
Je hoeft tijdens het typen geen rekening te houden met allerlei lettertypen of lettergrootten. Het maakt totaal niet uit hoe je iets typt, als je de tekst een andere kleur of opmaak wil geven, doe je dat in HTML en niet door de broncode een ander uiterlijk te geven.
Je eerste ‘site’
Aan de hand van de volgende stappen maak je je eerste site. Open een nieuw tekstdocument in notepad of kladplok en typ het volgende:
<!--(hiermee vertel je de browser dat hij met een HTML-bestand te maken heeft)--> <!--(hiermee geef je het einde van het HTML-bestand aan)-->
De bovenstaande regeltjes noemen we ‘tags’. Veel tags hebben ook een eindtag(niet allemaal). De tag met de slash erin geeft altijd het einde van een setje tags aan. In dit geval dus het einde van het HTML- document. De browser weet nu alleen dat hij met een HTML-bestand te maken heeft, daar kan hij natuurlijk geen website van maken.
Het volgende dat we willen is een setje head-tags. Dat geeft letterlijk het hoofd van het bestand aan. Wat er in de head staat wordt wel door de browser herkend, maar je ziet het niet direct terug. Wat je in de head typt blijft dus grotendeels onzichtbaar voor je bezoekers, maar toch is het niet onbelangrijk. Met head-tags ziet het bestand er zo uit:
<!--(hiermee geef je het begin van de head aan)--> <!--(hiermee geef je het einde vande head aan)-->
Maar wat hebben we nou precies aan die head? Eerst zullen we de titel erin zetten. De bezoekers zien die titel in de statusbalk en ook voor zoekmachines is de titel belangrijk.
Het grootste deel van je website staat tussen de tagsen. Het gedeelte tussen deze tags, de body, is het lichaam van de website. Dit is het resultaat met de body-tags.
Deze site is gemaakt met hulp van Tijl! <!--(het begin van de body)--> <!--(het einde van de body)-->
Het enige wat je nu nog moet doen is je pagina opslaan. Klik op Opslaan als… en sla je pagina op als index.htm of index.html. De extensie htm of html geeft aan dat het een html-bestand is. De meeste homepages(de eerste pagina die je ziet) heten index.htm of index.html. Open nu je pagina in de browser. In de meest gebruikte browser Internet Explorer doe je dat met Bestand –> Openen –> Bladeren en blader naar de zojuist gemaakte index.htm. Je kan ook twee keer klikken op de webpagina die je net hebt opgeslagen. Hij opent dan als het goed is gewoon in je Internet Explorer
Je ziet dan… helemaal niks! Alleen de titel staat in de statusbalk, maar omdat er verder niets in de body staat, is er verder niets te zien. Dat gaan we in de volgende les veranderen.
Ik ben Tijl Vos, een 22 jarige allround ondernemer, Internet-en hostingexpert met een passie voor online. In mijn werk als Freelance it’er en online marketing bij meerdere organisaties leef ik me uit op het vlak van (online) marketing en social media. E-mailmarketing, webcare, community management en (zoekmachinevriendelijk) schrijven voor het web.