Basis HTML bestand maken

Als je een eigen website gaat maken is het belangrijk dat je bij het begin gaat beginnen. Wanneer je gaat beginnen met HTML is het van belang dat je leert hoe je een basis HTML bestand kunt maken. Het is vrij eenvoudig te maken. Je hebt alleen een tekst editor nodig zoals bijvoorbeeld de kladblok. Maar het advies is dat je de HTML editor gaat gebruiken. Dit werkt namelijk een stuk makkelijker en ook sneller. Het is van belang te weten dat binnen HTML de hoofdletters en kleine letters hetzelfde worden behandeld. Er is dus geen verschil tussen <TITLE> of <title>. De commando’s die uitgevoerd moeten worden, die worden tussen < en > gezet. Dit is een voorbeeld basismodel van een HTML bestand:

<HTML> <HEAD> <TITLE>Hier vul je de titel van je pagina in.</TITLE> </HEAD> <BODY> Hier komt de inhoud van je pagina. </BODY> </HTML>

Dit is een standaard HTML document. Een pagina van je website bestaat dus minimaal uit bovenstaande code. Wil je ook weten wat er nu in werkelijkheid gaat gebeuren? Lees dan verder.

 

Uitleg tags

<HTML> dit geeft het begin van een HTML document aan. Wanneer je een HTML bestand maakt, begin je hier dus mee.

<HEAD> deze tag wordt gebruikt om belangrijke informatie op te nemen over de pagina. Dit is vrijwel altijd onzichtbaar voor de bezoeker van de betreffende pagina. Je kunt de titel hierin opnemen en meta-tags.

<TITLE> en </TITLE> de eerste is de begin tag van de titel van de pagina. Je sluit het af met de laatste tag.

</HEAD> dit is je eind tag van de HEAD. Eigenlijk bestaan alle elementen uit een begin tag en een eind tag.

<BODY> en </BODY> deze zijn erg belangrijk bij HTML. De inhoud van de pagina zet je namelijk tussen deze tags.

In de body horen een aantal aspecten:

-          Background (een plaatje als achtergrond inzetten van de pagina)

-          BGcolor (achtergrondkleur wijzigen)

-          Text (standaard tekstkleur op pagina instellen)

-          Link (kleur van de links op pagina wijzigen)

-          Alink (kleur van actieve links wordt bepaald)

-          Vlink (de kleur van de geklikte links wordt aangegeven)

 

Hieronder wordt een body tag met diverse attributen en waarden weergegeven:

<BODY bgcolor=”yellow” text=”red” link=”pink” alink=”purple” vlink=”brown”>

 

In de praktijk

Als je zelf aan de slag gaat kun je proberen met dit HTML bestand. Je weet nu waar je op moet letten en welke aspecten van belang zijn. Zorg er daarom voor dat je bovenstaande informatie goed in je op gaat nemen en dan gaat oefenen. Hierdoor krijg je HTML steeds beter onder controle en dat zorgt er voor dat je zelf je website kunt maken. Het is een leuke bezigheid en als je het eenmaal door hebt, kun je veel mooie pagina’s maken.

Basis HTML bestand maken

HTML en de geschiedenis

HTML staat voor Hyper Tekst Markup Language. Het is een opmaak taal en hiermee kun je je browser vertellen met HTML tags hoe de pagina weergegeven moet worden op je scherm. Veel mensen denken dat HTML een programmeertaal is, maar dat is het niet. Je kunt HTML eenvoudig leren. Er kunnen echter ook heel ingewikkelde dingen mee worden gedaan, maar als je de basisfuncties kent kun je al veel mooie pagina’s bouwen.

Belangrijke termen

Er zijn vier belangrijke termen binnen HTML en dat zijn elementen, attributen, waarden en tags. Een pagina bevat verschillende gegevens en deze gegevens hebben de vorm van elementen. Er zijn bijvoorbeeld elementen voor plaatjes, teksten, tabellen en formulieren. Deze bestaan uit drie delen, een begin tag, de inhoud en de eind tag. Een element heeft ook verschillende attributen. Bij het element tekst gaat het over de attributen lettertype en lettergrootte. Attributen hebben een aantal waarden, bij een lettertype gaat het bijvoorbeeld over Arial of Courier. Dan zijn er nog de tags, dit is een HTML code die tussen twee haken staat de < en >. De begintag is bijvoorbeeld <HTML> en de eindtag is </HTML>. Wanneer elementen geen inhoud hebben, hebben een begintag, maar geen eindtag.

Geschiedenis HTML

HTML is uitgevonden door Tim Berners-Lee. Hij was destijds werkzaam bij CERN, dit is een natuurkunde instituut in Genève. Internet en HTML zijn eigenlijk ontworpen voor en gebruikt door de militairen als communicatiemiddelen. Maar na enige tijd zijn universiteiten het ook gaan gebruiken. Er zijn diverse versies van HTML. Bij iedere versie wordt de taal weer verbeterd en komen er nieuwe functies bij. Als je zelf met HTML aan de slag gaat en al enige kennis op hebt gedaan is het altijd prettig dat wanneer er een nieuwe variant is je hiermee ook aan de slag gaat.

Cursus HTML

Als je meer over HTML wilt leren kun je altijd een cursus starten. Er worden online cursussen voor HTML aangeboden waar je gebruik van kunt maken. Je kunt dan eerst de basis onder de knie krijgen en als dat eenmaal goed gaat kun je altijd meerdere lessen volgen of van anderen leren wat je nog meer kunt doen met HTML.

HTML en de geschiedenis