HTML>De basics

In deze les leren we een HTMLbestand maken. Dit is op zich niet zo moeilijk. HTML(Hyper Text 
Markup Language!) is een vrij simpele opmaaktaal. Er zijn echter moeilijke onderwerpen in de html,|
maar die komen later ter sprake!

The Webmaster

ps. Kijk, voordat u de les doet, onderaan de pagina!

Het begin;
Waarschijnlijk heb je al een editor uitgekozen. Een editor is namelijk een programma waarmee je html
mee kan maken. Dit kan met een programma waar je niets hoeft te doen, zoals frontpage(een zogenaamde
WYSIWYG-What You See Is What You Get). Maar je kan ook kiezen voor kladblok het programma
waar we ons deze lessen op gaan richten!!

Laten we beginnen:)

Pak kladblok erbij. Dat staat zo'n beetje standaard op elke windws-pc. Voor gebruikers met andere systemen
staat er ook een soort notepad op de computer!

Start>Programma's>bureau accesoires>klad-blok

Neem nu dit over(zo ziet een basispagina in de html eruit):

<html>
<head>
<title></title>
<head>
<body>

</body>
</html>

Het is handig om het te ordenen, maar dit is niet noodzakelijk. Ik gebruik wel hoofdletters, maar ook dit is niet noodzakelijk!
Lees nu het stuk hieronder over moeilijke woorden:

Moeilijke woorden;
Deze woorden zijn handig om te weten, want ze worden in deze lessen gebruikt!
Deze woorden komen echter ook op het internet voor en in lessen zoals javascript en css(als je niet weet wat javascript en css in-
houden is dit niet erg). Erg handig dus om deze begrippen te weten!
De woorden zijn: Attributen, waarden, tags en elementen

Tags, elementen, attributen en waarden;
Allereerst is het belangrijk wat een tag is. Een tag staat ALTIJD tussen de < en de >. Een basispagina in de html bestaat ook uit tags, bijvoorbeeld: <html> of </html>. Nu is er wel een verschil tussen <html> en 
</html>. De eerste<html> is een begintag en de tweede</html> is een eindtag. Zoals u misschien al 
zag, staat er bij de laatste een /. Met dit symbool wordt in de html aangegeven dat het om een eindtag gaat.
Ook bestaat een pagina uit elementen die bestaan uit een begintag, een inhoud en een eindtag. Elementen zijn er voor de hoofdonderdelen in html zoals: tekst, plaatjes enzovoort. In de inhoud van een element wordt beschreven wat er in een element moet komen, bijvoorbeeld voor tekst is er lettertype -en grootte . Die dingen, dus de inhoud die in een element komt, noemt men attributen. En daar komt nog eens bovenop dat attributen weer 
bestaan uit waarden en die geven weer een extra aanvulling op de attributen. Bijvoorbeeld: De lettergrootte
(attribuut) heeft als waarde grootte 14.

De basis;
Nu is het de bedoeling dat we wat met deze informatie doen; We weten tenslotte wat een tag, element, attribuut en een waarde is. Tevens weten
we dat we met de / tags afsluiten. Niet alle tags hebben een eindtag nodig.

Laten we eens terug gaan naar de basis van de HTML. Ik ga de basispagina beschrijven!

<html>
Hiermee wordt aangeven dat het om een htmldocument gaat. Deze tag is optioneel, dat betekent dat deze tag niet verplicht is om te gebruiken. Voor beginnende webdesigners/webmaster/html-ers is het echter wel aan te raden de tag te gebruiken. Tenslotte staat het overzichtelijker en professioneler! De html-tag wordt ook afgesloten met een eindtag die er zo uit ziet: </html>. Deze tag staat aan het einde van het document!
<head>
Het kopdeel van een htmlpagina. Bevat o.a de <title> van een htmlpagina. Ook kunnen er scriptelementen, stijleelementen of metatelementen in voor komen, maar dat is voor de beginners niet belangrijk! Ook de <head> wordt afgesloten met een eindtag, namelijk </head>. Ook dit element is optioneel!
<title>
In dit element, wat onderdeel van de <head> is, komt de title van de pagina. Dit kan een simpele titel zijn , maar ook een hele beschrijvende. Net waar je zelf voor kiest!! Dit is een element wat verplicht is in elk htmldocument!!
<body>
In het Engels betekent body lichaam. Daarom kan je wel begrijpen waarom de body van een htmldocument alle belangrijke informatie bevat, zoals tekst, plaatjes etc!!
Ook de <body> wordt afgesloten met een eindtag, namelijk </body>

Kunnen??

Je weet nu hoe een standaard htmldocument in elkaar steekt. Probeer eens een titel te maken voor uw document. Gewoon simpel weg een beschrijvende titel te maken, maar denk hiet aan de volgende punten;
-Gebruik zo min mogelijk hoofdletters
-Maak hem beschrijvend
De voordelen van zo'n titel komen later aan de orde!

Tekst invoeren kan je door simpelweg wat de tekst in de <body> te zetten! Het volgende hoofstuk gaat over tekst, dus tekst komt later! De tekst die in de body staat zal de kleur hebben die de mensen in de browser hebben ingesteld!!

Het opslaan van een document!
Het opslaan gaat simpel; Noem het basisdocument(de hoofdpagina) index.html. Dat is verplicht eigenlijk! Verder kan je de subpagina naam.htm noemen. Hou voor de subpagina's handige namen aan, zodat jij en je bezoekers geen moeite hebben met terugvinden!!!

Kennen??
-Een basispagina in de html maken!
-Wat zijn elementen, tags, begintags, eindtags, attributen en waarden...
-Opslaan

Dit was het de dikgedrukte woorden kan je terugvinden onderaan de pagina! Later komt er een woordenlijst! De onderstreepte woorden zijn belangrijk om te weten voor volgende lessen, maar zijn niet dikgedrukt omdat ze uitgelegd zijn in deze les!

The Webmaster

Vorige les//--Terug naar 't webhulpje--\\Volgende les

Voor vragen kan je terecht in het forum!!

WYSIWYG-What You See Is What You Get- Een editor die de html voor je maakt. Je hoeft zelf niets te doen!!
browser - Bladerprogramma waar u websites mee kunt bekijken!
editor - Programma om bijvoorbeeld HTML te bevorderen in het gebruik. De programma's vermakkelijken het maken van html of andere talen!!

Copyright © 't webhulpje, Nederland
Alle rechten voorbehouden. Niets van deze elektronische uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbestand, of openbaar gemaakt, in enige vorm of op enige wijze, hetzij elektronisch, mechanisch, door fotokopieën, opnamen, of op enige andere manier, zonder voorafgaande schriftelijke toestemming van de uitgever en/of de beheerder van deze website.