HTML Cursus - Hoofdstuk 1: Basis
HTML staat voor Hyper Text Markup Language. Met HTML maak je gebruik van een programma als Notepad / Kladblok. Je vind het op een Windows computer standaard onder:

Start » Alle programma's » Bureau accessoires » Kladblok

Tip: je kunt ook gratis Notepad2 downloaden. Hierin worden de HTML tags en attributen (verder in de cursus uitleg hierover) in bepaalde kleuren weergegeven, waardoor je code overzichtelijker is. Klik hier om Notepad2 te downloaden.

Als je Kladblok heb geopend, typ je het volgende:

<HTML>
</HTML>


<HTML> is een tag / element. Met deze tag geef je aan dat we in HTML coderen. We sluiten een tag meestal ook af. Dan typ je dezelfde tag, maar dan met een slash ( </HTML> ).

<HTML>
<HEAD>
</HEAD>
</HTML>


De head (hoofd) tag is voor een beginnende HTML'er nog niet zo heel belangrijk, maar hij komt dus tussen <HTML> en </HTML>. Je ziet dat je eindigd met de tag, waarmee je begint.

<HTML>
<HEAD>
</HEAD>
<BODY>
    Hier al je tekst, plaatjes, links etc.
</BODY>
</HTML>


Tussen de body (lichaam) tags komt de tekst, plaatjes, links etc. van je website.

<HTML>
<HEAD>
    <TITLE>Hier je website titel!</TITLE>
</HEAD>
<BODY>
    Hier al je tekst, plaatjes, links etc.
</BODY>
</HTML>


Door middel van de title (titel) tags, kun je de titel van je website bepalen. De tekst die je ertussen zet, staat dan links boven in de balk van je browser. Nu slaan we het bestand op om het resultaat te bekijken.

Je gaat naar:

Bestand » Opslaan als...


Je kiest de locatie waar je het bestand op wilt slaan en geeft hem de naam index.html. Nu druk je op Opslaan. Het bestand heet index omdat het hoofdbestand van een website altijd index heet en de extensie is *.HTM of *.HTML. In het voorbeeld noemen we hem index.html.

Je opent het bestand op de volgende manier:

Locatie naar index.html » Rechter muisknop op index.html » Openen met » Internet Explorer


Indien je een ander browser gebruikt, kun je hem daar ook in openen.

Nu zie je een wit scherm, met de tekst die tussen de body tags stond. Links boven zie je nu die titel die tussen de title tags stond. Verder is je website'je nog kaal en kleurloos!

Index

Hoofdstuk 1 - Hoofdstuk 2 - Hoofdstuk 3 - Hoofdstuk 4
Hoofdstuk 5 - Hoofdstuk 6 - Hoofdstuk 7 - Hoofdstuk 8
Hoofdstuk 9 - Hoofdstuk 10



Wat vind je van deze pagina?

85%
Je moet ingelogd zijn om te kunnen stemmen!