HTML les 1 – Inleiding in HTML
HyperText Markup Language is een programmeertaal om bijvoorbeeld een internetbrowser
jouw documenten taken te laten uitvoeren. Het begon allemaal met HTML 1.0, die uit een
tiental codes bestond. Dat ging verder met de versies 2.0, 3.0, 3.2, 4 en 4.01.
Tegenwoordig werkt men al met XHTML, een combinatie van HTML en XML. Hier komen we later
op terug.
Een webpagina is eigenlijk niet meer dan een pagina met codes, elementen genaamd,
die door de browser (zoals Internet Explorer) wordt omgezet in een Webpagina.
Bekijk eens een willekeurige
website. Ga vervolgens met je muis naar “beeld” klik hierop en ga dan naar “bron”. Als je
hier op klikt dan opent “kladblok” zich met daarin de HTML-code van de website.
Elementen
Nu heb je een idee van HTML en de codes die erbij horen. Deze codes worden Elementen
genoemd. Ze staan altijd! tussen < en > . De meeste elementen hebben een begin en een
eind. Het einde wordt aangegeven met een schuine streep /.
Bijvoorbeeld <html> … </html> , of <br /> als er geen sprake is van een
afsluiting. Ook hebben veel elementen ook nog attributen. Dat zijn aanvullingen die
een element een aanvullende opdracht laten uitvoeren.
Opdracht 1
Voor deze opdracht moet je naar de Map “Mijn documenten”. Daarin maak je een nieuwe map
aan met als naam Cursus. Deze map open je. In deze map komen twee submappen met
de namen downloads en website. Hierin komen alle opdrachten te staan.
Editor
We gaan een opdracht doen om iets te downloaden van internet.
Om zelf een website te maken kun je gebruik maken van een editor. Een editor heeft namelijk
knoppen die veel taken voor je uitvoeren, die je anders allemaal met de hand moet
typen. Het maakt op
zich niet zoveel uit welke je neemt. Het moet alleen geen zogenaamde
WYSIWYG-editor zijn.
Dan kun je wel makkelijk zien wat je doet, maar de codes worden enorm groot en zijn
niet te begrijpen.
Wij hebben gekozen voor HTML-kit. Een redelijk uitgebreide en eenvoudig te begrijpen
editor. Niet zo bekend, maar wel goed en gratis!
Opdracht 2
Ga naar de website
www.chami.com/html-kit. Hier ga je de editor downloaden. Volg de aanwijzingen die
verschijnen als je op de plaatjes komt met je muis.
1.
2.
3.
4.
Ga nu verder naar de volgende les »
