Er is geen CSS ondersteuning.
Daar gaan we dan. Copy/paste de onderstaande code naar een nieuwe pagina in jouw editor, save de pagina (als cursus-html.html) ergens op jouw harddisk en open de file met een browser. In windows kan je dat b.v. doen door met jouw rechter-muisknop de file te selecteren, om vervolgens met "openen met" jouw browser te kiezen. Als alles goed gegaan is zie je deze pagina in het browser-scherm.
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>eerste html5 pagina</title> <meta name='keywords' content="html5,pagina"> <meta name='description' content="de omschrijving van deze pagina. de lengte moet altijd tussen de 70 en 200 letters zijn."> <meta name="language" content="nederlands"> </head> <body> <p> Dit is jouw eerste html5 pagina<br> Deze pagina valideert op alle mogelijke manieren.<br> Daar is natuurlijk geen kunst aan omdat er<br> geen enkel script gebruikt wordt en er geen<br> CSS op deze pagina aanwezig is. </p> <p> <a href="http://www.dns5.nl/cursus-website-bouwen/eerste-html5-pagina.html"> met deze link ga je weer terug naar de vorige pagina</a> </p> </body> </html>
Helemaal bovenaan staat de regel die de browser vertelt dat dit een html5-pagina is. De volgende regel is de tag (lego-bouwsteen, weet je nog?) van de html. Helemaal onderop staat de "sluit-tag" van de html (let even op de slash voor html..). Alles wat tussen deze 2 tags staat is in feite de html-pagina.
de volgende tag is de "head-tag". Hier staat alles wat niet zichtbaar op de pagina is maar wel b.v. in de de titel-balk (de tekst die tussen de "title-tags" staat). Het allereerste wat je in de head-tag aan de browser vertelt is dat je (op deze pagina althans) een tekst pagina hebt waar je karakter-set utf-8 op wilt tonen. Dit moet de eerste regel zijn omdat de browser graag wil weten welke karakter-set hij na deze regel voor de pagina moet gebruiken. In de "meta's" plaats je zaken die iets aan de browser willen "vertellen" en je geeft een beschrijving van jouw webpagina. De "description" wordt door zoekmachines gebruikt om informatie over jouw pagina te verschaffen. De andere 2 meta's (keywords en language) zijn een verplicht nummertje om op de pagina te plaatsen. Validators (code-checkers) willen de meta's "zien". Ook de head-tag wordt netjes afgesloten. Daarna is de body-tag aan de beurt. Alles wat zich in deze tag bevindt zal zichtbaar zijn op de html-pagina in de browser. En het kan al geen verrassing meer zijn: ook deze tag wordt afgesloten.
In de body-tag staan <p>-tag's (de p staat voor paragraph). Tussen de paragraph-tags plaats je jouw tekst en links. Een link staat altijd tussen een <a>-tag (de a betekent anchor). Die letter a in combinatie met href (wat Hypertext REFerence betekent) is het cement van het "internet-gebouw". De combinatie <a href="een-hyperlink-adres">de omschrijving van de hyperlink</a> zorgt er voor dat je met één muisklik naar een andere pagina op jouw website of een server in noord-china kan "gaan". De <br> is de break-tag, en zorgt er voor dat de tekst op de volgende regel verder gaat. Deze tag hoeft niet afgesloten te worden.
Nu wordt het even belangrijk voor jou...
Bij een cursus (van "tig-honderd" euro) wordt je netjes aan "het handje"
door de leerstof heen geloodst. Je volgt precies het pad wat jouw leraren
hebben uitgestippeld voor jou. En aan het eind van de cursus zal je echt weer een
nieuwe cursus nodig hebben om verder te komen (dat moet je begrijpen: ze willen zoveel
mogelijk, en zo lang mogelijk, aan jou verdienen).
Wij gaan dat echt even anders doen...
Een website-bouwer is uiterst flexibel en leert elke dag wel wat bij. Alle kennis
die hij nodig heeft haalt hij van internet met de zoekmachines. En dat kost geen
cent extra. Dat ga jij ook doen (als je wilt tenminste).
En we beginnen eenvoudig. Eerst ga je alles wat niet geheel duidelijk is (van
wat ik jou heb proberen uit leggen) jou "eigen maken" door doelgericht op
internet naar uitleg te gaan zoeken. Het voordeel boven een leerboek is dat je
zelf bepaalt op welke manier je de informatie wilt hebben. Als je er 100% zeker van bent
dat je begrijpt hoe een basis-pagina er uit behoort te zien, gaan we verder
met het kiezen van een provider oftewel de "webhoster".
Want een website alléén op jouw harde schijf is complete onzin. Je doet het
voor het "echie" of je doet het helemaal niet.
Als je zover denkt te zijn klik je hier om door te gaan naar de "volgende ronde".
cache 13-05-2010