Leer websites bouwen! Midden jaren ’90, toen er nog geen editors waren die het werk veelal uit handen namen, was ik al webdesigner. Ik deel mijn enthousiasme voor het bouwen van websites graag (en via deze weg gratis!). Leer jezelf HTML met mijn stap voor stap HTML cursus. Wees niet bang, ik leg het je allemaal uit. Probeer het maar. Begin met webdesign!
Met deze Stap voor Stap HTML Cursus ga ik je op makkelijke wijze leren een webpagina te maken. Hiervoor beginnen we met wat basiskennis. Laatste update: 1 maart 2019 Wat doet HTML? Waar staat HTML voor? De afkorting HTML staat voor Hyper Text Markup Language. Met HTML bepaal je de locaties …
Laatste update: 1 maart 2019 Het is heel makkelijk om een HTML bestand te beginnen. Als eerste zullen we moeten vertellen dat het we met HTML willen gaan werken. Dit gaat als volgt: Type het volgende over in kladblok: <html> </html> Met <HTML> open je het document. Met </HTML> geef je …
Laatste update: 1 maart 2019 Een HTML document bestaat uit twee onderdelen. Een kop (head) en een “lichaam” (body). De kop bevat meestal alleen een titel, die vervolgens wordt weergegeven bovenaan in de browser. Het lichaam bevat de tags die de layout bepalen. Dit vormt dus de website die zichtbaar …
Laatste update: 1 maart 2019 De lay-out van de pagina leggen we vast in de Body van het HTML document. Ook het BODY-element moet geopend en gesloten worden. Alles wat daar tussen staat, zal in de browser als homepage zichtbaar worden. Body-element toevoegen Zorg dat het document er als volgt uitziet: …
Laatste update: 1 maart 2019 Tekst toevoegen Als je tekst plaatst tussen het begin en het eind van de BODY-tag, zal dit zichtbaar worden in de browser. Probeer het maar eens. Type een stukje tekst, sla index.html op en open het bestand in een browser. Je zult zien, dat de …
Laatste update: 1 maart 2019 Natuurlijk wil je dat stukjes tekst eruit gaan springen. Daarvoor heb je verschillende mogelijkheden ter beschikking: onderstrepen, vet drukken of schuin drukken, ofwel underline, bold en italic. In HTML geef je deze als volgt aan: <U>, <B> en <I>. Je kunt vast raden welke tag voor welk resultaat gaat zorgen. …
Laatste update: 2 maart 2019 Tekst laten opvallen kan ook met gebruik van de FONT-tag. Hiermee kun je, onder andere, de grootte van de tekst bepalen. Dit geldt dan alleen voor de tekst, dat binnen de FONT-tag is gezet. Let op! Het is heel leuk om dit te weten, maar we …
Laatste update: 2 maart 2019 Naast het aanpassen van het lettertype en de lettergrootte is het bij de FONT-tag ook mogelijk de kleur aan te passen. Bij de BODY-tag heb je el een tekstkleur ingesteld, dat voor het hele document geldt. Nu gaan we het elders in het document aanpassen. …
Laatste update: 2 maart 2019 Dit is waarschijnlijk één van de meest belangrijke tags die je zult gebruiken op je website. In HTML kun je koppen maken in 6 verschillende maten. Deze headlines zijn in populariteit gigantisch gegroeid, dankzij het belang hiervan voor zoekmachines. Gebruik je deze tags zonder CSS, …
Laatste update: 2 maart 2019 Wanneer je grote stukken tekst gaat verwerken in HTML, kan het gebruikersvriendelijker worden voor bezoekers, wanneer de tekst onderbroken wordt. Dit kan bijvoorbeeld d.m.v. een scheidingslijn. Een <HR>-tag toevoegen In index.html, ga ik de scheidingslijn toevoegen: <html> <head> <title>mijn eigen website</title> </head> <body background=”images/background.gif” bgcolor=”#ffffe1″ …