HTML elements en CSS Commando's Lenonardo Lyceum centrum voor deeltijds onderwijs Hoboken Schooljaar 2011-2012.

Presentatie over: "HTML elements en CSS Commando's Lenonardo Lyceum centrum voor deeltijds onderwijs Hoboken Schooljaar 2011-2012."— Transcript van de presentatie:

1 HTML elements en CSS Commando's Lenonardo Lyceum centrum voor deeltijds onderwijs Hoboken Schooljaar 2011-2012

2 Voorwoord: Hier laat ik enkel wat HTML tag’s en in het volgende hoofdstuk CSS Comando’s zien. Eerst laat ik zien hoe je een document opslaat en opent. Als je dat gezien hebt start ik met de HTML Tag’s daarna de CSS Comando’s. Eerst laat ik zien hoe je het schrijft. Vergeet niet dat je de document eerst opslaat voor je resultaat ziet.

3 Inleiding: Opslaan en openen van een document. (Dia 4) Een document maken. (Dia 5) HTML Elements. (Dia 6- 13) CSS Comando’s. (Dia 14-15)

4 Opslaan en openen van een document: Maak een nieuwe map (naam niet belangrijk). Open notepad (kladblok). Ga naar “opslaan als”. Ga naar de nieuwe map. Sla het op als “index.html” (de naam “index” is voor als startpagina “.html” is zeer belangrijk. Voor CSS bestanden is het “.css”). Zoek je bestand terug op en open het met de browser. (per browser varieert het resultaat.

5 Een document maken: Een HTML document wordt aaltijd gestart met. Deze wordt pas gesloten aan het eind van je site. Met. Dan heb je de tag. Hier zet je de tittle, CSS en Java-scripting bestanden. Deze wordt gesloten voor je de body begint. De body tag, dient voor het geheel van je site te zien, deze wordt gesloten voor je de site helemaal sluit met

6 HTML Elements Dit is de correcte manier om een externe stylesheet te maken.

7 Dit is een link

8

9 Dit is het eerste item in de lijst Dit het tweede De dingen in een lijst als dit zijn geordend Als je een niet geordende lijst wilt maken zet je “ul” in plaats van “ol”

10 rij 1 cell 1 rij 1 cell 2 rij 2 cell 1 rij 2 cell 2

11 Dit is groen Dit heeft een gele achterkant Dit staat in het midden

12 Dit is een text in het vet Dit is een schuine text Dit is sterk gemaakt Dit is groot gemaakt Dit is klein Deze paragraaf heeft een subscript Deze paragraaf heeft een superscript

13 Deze text is op grote standaard 2 Deze text is met een verdana font

14 CSS Comando’s Selector: Dit is om aan te geven wat er verandert wordt. Property: Dit is om aan te geven wat er veranderen moed. Value: Dit is om aan te geven in wat het veranderen moed. Declaration: dit is de groepering van wat er verandert is, een declaration wordt aaltijd gesloten voor er een nieuwe geopend wordt met ;.

15 ex.1 { width:250px; padding:10px; border:5px solid gray; margin:10px; } Dit is een doos gemaakt met CSS. Niet te vergelijken met een tabel!