De presentatie wordt gedownload. Even geduld aub

De presentatie wordt gedownload. Even geduld aub

HTML De basis-elementen. Wat is HTML? Opmaaktaal voor website’s HyperText: techniek voor verbindingen (links) te leggen Markup: gebruik van code (tags)

Verwante presentaties


Presentatie over: "HTML De basis-elementen. Wat is HTML? Opmaaktaal voor website’s HyperText: techniek voor verbindingen (links) te leggen Markup: gebruik van code (tags)"— Transcript van de presentatie:

1 HTML De basis-elementen

2 Wat is HTML? Opmaaktaal voor website’s HyperText: techniek voor verbindingen (links) te leggen Markup: gebruik van code (tags) Language

3 Vaste opbouw Het simpelste HTML-document Hier komt de eigenlijke tekst

4 Oefening Maak een HTML-document met als titel “Mijn eerste site” en open dit bestand in een browser.

5 Opmaak van HTML-bestand Horizontale lijnen: Koppen: … Enter: Paragraaf: … Spatie:

6 Horizontale lijnen: De tag voegt een horizontale lijn toe Mogelijke attributen: – WIDTH=“…%”=> breedte in procenten – WIDTH=“…”=> breedte in pixels – SIZE=“…”=> dikte van de lijn – NOSHADE=> geen schaduw – ALIGN=“…” => left, right of center Geen sluit-tag

7 Oefening Geef eens


in (in de body) en bekijk het resultaat.

8 Koppen: … Titels of koppen maken Verschillende groottes (van 1 tot 6) – Titel met een grote kop Titel met een grote kop – Titel met een kleine kop Titel met een grote kop Mogelijke attribuut: ALIGN=“…” – Left, right of center

9 Oefening Probeer de verschillende koppen uit en ook het ALIGN attribuut erbij

10 Enter: Is het zelfde effect als de [ENTER] levert witregels op Geen sluit-tag

11 Paragraaf: … De tag … maakt een alinea of paragraaf Er wordt dan automatisch een lege regel onder de paragraaf gevoegd

12 Spatie: = non-breaking space Speciaal teken om een spatie toe te voegen   levert spaties achtereen op

13 Oefening Probeer de geziene tags nu zelf uit – … – – …

14 Opmaak van tekst vet cursief doorstreept ook doorstreept onderstreept subscript superscript vaste letterafstand

15 Nesten van tags Logische volgorde aanhouden Voorbeeld: Vet en cursief

16 Oefening Schrijf het volgende uit: Ik ben onderstreept en cursief, maar niet vet.

17 Lettertype Gebruik van de tag … Mogelijke attributen: – SIZE=“…”=> grootte – COLOR=“…”=> kleur – FACE=“…”=> lettertype

18 Lettertype eigenlijke tekst – Standaard is grootte 3 – Getallen van 1 tot 7 mogelijk Voorbeeld: kleine tekst => kleine tekst

19 Lettertype eigenlijke tekst – Het gebruikte lettertype – o.a. Times New Roman, Courier of Verdana Voorbeeld: eigenlijke tekst => eigenlijke tekst

20 Lettertype eigenlijke tekst – De kleur van de tekst – De kleurcode (= hexadecimaal) of de naam Voorbeeld rode tekst of rode tekst => rode tekst

21 Oefening Probeer de verschillende attributen van de FONT uit om als resultaat het volgende te bekomen: Ik ben helemaal blauw, grootte 1 en in Verdana geschreven… Allemaal letters met verschillende kleur, grootte en lettertype !!

22 Tekst uitlijnen Door de tag tekst – Center, left of right Centreren door tekst Door een attribuut bij de paragraaf tekst

23 Oefening Probeer de verschillende mogelijkheden om de tekst uit te lijnen uit.

24 Lijsten Ongesorteerde lijst Gesorteerde lijst

25 Lijsten: ongesorteerd eerste item tweede item …

26 Oefening Geef deze lijst in en bekijk het resultaat

27 Lijsten: ongesorteerd Mogelijke attribuut TYPE voor andere symbolen (bij de tag ) – Square, circle of disc – … Ook bij de … mogelijk

28 Oefening Bekom de volgende lijst, met verschillende symbolen:  De markering van dit item zou een vierkant blokje moeten zijn  De markering van dit item zou een open rondje moeten zijn De markering van dit item zou een gesloten rondje moeten zijn

29 Lijsten: gesorteerd Resevoir Dogs (1992) True Romance (1993) Pulp Fiction (1994) Jacky Brown (1997)

30 Oefening Geef deze lijst in en bekijk het resultaat

31 Lijsten: gesorteerd Standaard nummering: 1, 2, 3… Mogelijke attribuut TYPE=“…” voor andere symbolen (enkel bij de tag ) – … => A, B, C,… – … => a, b, c,… – … => I, II, III,… – … => i, ii, iii,…

32 Oefening Maak een gesorteerd lijst met kleine letters


Download ppt "HTML De basis-elementen. Wat is HTML? Opmaaktaal voor website’s HyperText: techniek voor verbindingen (links) te leggen Markup: gebruik van code (tags)"

Verwante presentaties


Ads door Google