Mi-Soft.nl



avatar Kennismaken met HTML 29-09-2013
Hallo allemaal!
In deze tutorial gaan we u kennis laten maken met html.

Wat is html nu precies?

HTML staat voor "Hypertext markup language", en is dus zoals de naam al doet vermoeden een opmaak taal. HTML wordt gebruikt om websites mee te maken.

Hoe gaan we beginnen?

Om te beginnen heeft u een "text-editor" nodig.
Als u op Windows zit dan raad ik Notepad++ aan, en voor Linux raad ik Geany aan.

De eerste stap

Wat ik altijd als eerste doe is het lege document opslaan als een .html pagina.
Dit zorgt ervoor dat de text-editor die u gebruikt html code kan herkennen. Daardoor zal de code vanzelf verschillende kleuren aannemen, waardoor de code overzichtelijker wordt
Dit doet u door naar Bestand -> Opslaan als te gaan.
Opslaan als foto

De standaard tags toevoegen.

Alles wat u op de uw website wilt zetten zal tussen zogeheten tags moeten komen.
Er zijn 3 sets van tags die in elke website zitten.
Dat zijn de volgende: <html>, <head> en <body>

U dient deze op de volgende manier in te geven in uw text editor:
<html>
	<head>
	<head>
	
	<body>
	<body>
</html>
In de head komen alle dingen te staan die de browser nodig heeft om de website te maken.
Denk daarbij aan de css (of een link daarnaartoe), meta tags, maar ook de websitetitel.
Voeg tussen de <head> tags de volgende code toe:
<title>Welkom op mijn eerste website! </title>
En nu we toch bezig zijn kunt u meteen tussen de <body> tags het volgende zetten:
Welkom

4+4=8
Als u in Geany zit kunt u nu op f5 drukken om het resultaat te zien.
Als u notepad++, of een andere editor gebruikt kunt u dubbelklikken op het bestand in de map waar u hem heeft opgeslagen.
Als het goed is ziet u nu de titel bovenin het browservenster, echter staat de tekst wel allemaal achter elkaar.
Dat kunnen we fixen door er een enter achter te plaatsen.
Verander "Welkom." in:
Welkom <br />

En dat was het al weer voor deze tutorial, ik hoop u graag terug te zien bij de volgende tutorial!

Gerelateerde artikelen

Over de auteur:
Rick's headshot
Rick van Lieshout
Rick van Lieshout is de eigenaar en administrator van Mi-Soft.nl
Ook is hij een manusje van alles en kan daarom in veel categorieen een steentje bijdragen.
U kunt meer over Rick te weten komen op zijn portfolio.
Rick@Mi-Soft.nl | Portfolio | Facebook | Twitter | Google+ | Youtube | Flickr | LinkedIn