Kies een thema:

Cursus HTML

Beginner


Gevorderde


Appendix


    Informatie


    Referenties


    Links


    1 HTML Introductie


    » Inhoudstafel
    1.1 Even voorstellen
    1.2 Wat is HTML?
    1.3 XHTML 1.0
    1.4 Wat heb ik nodig?
    1.5 Eerste HTML document

    1.1 Even voorstellen

    Welkom op de HTML cursus! Je bent hier om HTML te leren, en dat gaan we vandaag ook doen. Ik ben Joël Verheyen, en ik ga proberen mijn kennis HTML tot jou over te brengen. Met wat inspanning van jouw kant moet dit zeker geen probleem zijn want HTML is eigenlijk niet zo moeilijk. Neem gerust een kopje koffie of thee, en we gaan samen aan de slag!

    1.2 Wat is HTML?

    Om informatie wereldwijd te verspreiden heeft men een universeel verstaanbare taal nodig die door alle computers kan begrepen worden. De taal die gebruikt wordt op het Internet is HTML, afkorting van HyperText Markup Language.

    Om een document als een HTML-document voor te stellen moeten we dit document opslaan als een .htm of .html extensie. Vroeger werd .htm gebruikt omdat extensies niet langer dan 3 tekens mochten zijn, maar in deze tijd is ook .html toegestaan.

    1.3 XHTML 1.0

    In deze cursus wordt er in plaats van HTML 4.01 de nieuwere vorm van HTML gebruikt, namelijk XHTML 1.0. In HTML 4.01 had je de mogelijkheid om de opmaak van een pagina te veranderen door HTML elementen te gebruiken. In XHTML wordt de opmaak volledig gedaan door CSS en dienen de HTML elementen dus enkel voor de opbouw van het document.

    Het voordeel van XHTML is dat de opmaak volledig wordt gescheiden van de structuur. Een CSS bestand beheert de volledige opmaak van de pagina of zelfs van een hele website. Het voordeel dat maar één CSS bestand de opmaak beheert, is dat één verandering in het CSS bestand de hele website laat doen veranderen qua opmaak.

    1.4 Wat heb ik nodig?

    De beste manier om HTML te leren is om je code te schrijven in kladblok of een gelijkaardige editor. De meeste mensen die beginnen met website te maken gebruiken een editor zoals Dreamweaver of Frontpage. Deze zijn allemaal heel leuk, maar om de basistechnieken van HTML te leren laten we deze best nog even achterwege.

    Windows gebruikers hebben standaard kladblok geïnstalleerd, en kunnen ze terugvinden in
    "start » Programma's » Bureau-accessoires". Op deze pagina vind je uitgebreidere editors die meer opties bieden. Als je werkt op een Mac, kun je SimpleText gebruiken of andere editors.

    Wat we ook nog nodig hebben is een browser om onze webdocumenten in te bekijken. Windows gebruikers hebben standaard Internet Explorer geïnstalleerd. Een browser die momenteel heel populair is, en persoonlijk ook mijn favoriet, heet Mozilla Firefox. Deze browser is een goed alternatief voor Internet Explorer en bevat tools die heel handig zijn voor webmasters.

    1.5 Eerste HTML document

    Open een editor naar keuze. Een éénvoudige editor die draait onder Windows is de welbekende kladblok. Kopieër volgende code en plak het in je editor.

    <html>
  <head>
    <title>Mijn eerste HTML document</title>
  </head>
 
  <body>
    <p>Hoera! Mijn eerste HTML document.</p>
  </body>
 
</html>

     In kladblok krijg je dit als resultaat:

    Eerste HTML document

    Nu hebben we wel wat geschreven, maar nu moeten we het nog éérst opslaan voor we het kunnen openen in onze browser! Klik op "Bestand" links bovenaan en kies "Opslaan als...". Maak een nieuwe map aan "Website", en vul als bestandsnaam in "welkom.html". Onderaan bij "Opslaan als type:" kies je "Alle bestanden". Zo krijgen we de kans ons document op te slaan als een .html en niet als een .txt bestand.

    Hoe sla ik mijn eerste HTML document op?

    Zoek nu op je computer het bestand terug dat je net hebt aangemaakt en voer het uit. Als alles goed gaat zie je nu "Dit is mijn eerste HTML pagina. Deze tekst staat in het body element." verschijnen in je browser.

    Resultaat:

    Hoera! Mijn eerste HTML document.


    » Voorbeelden:

    Elementen en attributen »