Introduktion til HTML HTML dokumentets struktur & Indhold

Introduktion til HTML Denne uge vil vi tage udgangspunkt i de mest anvendte HTML- Markører & deres attributter, samt en beskrivelse af HTML- dokumentets struktur og form. Dette er absolut grundlæggende: •Danner fundament for enhver webside •Grundlag for en kritisk holdning til muligheder og begrænsninger (Frustrationer) •Forudsætning for forståelsen af øvrige teknologier som CSS, JavaScript, dynamisk HTML, ASP & PHP mm.

Introduktion til HTML 1.Hent Notepad++ eller brug Dreamweaver 1.Enten via links i ITs Learning eller via denne adresse plus.org/downloadhttp://notepad-plus- plus.org/download 2.Start notepad++, Dreamweaver eller en anden foretrukken teksteditor 3. Indtast følgende

Introduktion til HTML 1. Ordene der er omsluttet af ( ) kaldes for HTML markører 2. Dokumentets indhold er de to linier, der indeholder dit navn & sætningen 3. De markører der omslutter indholdet er strukturmarkører - De giver indholdet struktur Bemærk af markørerne der omslutter teksten har en form i begyndelsen og en anden i slutningen. og / slutformen er identisk med startformen, bortset fra at den har en skråstreg foran. Al tekstindhold skal være omsluttet af strukturmarkører. Generel regel er, at alt skal være indrammet af en start- og slut markør. 1. Vis en HTML Markør! 2. Vis indholdet 3. Vis strukturmarkører

Websider laves med HTML En webside er et elektronisk dokument der vises i en webbrowser. HTML standarden: •Den viser dokumentets elementer. •Hvad kan et element være?

Websider laves med HTML En webside er et elektronisk dokument der vises i en webbrowser. HTML standarden: •Den viser dokumentets elementer. •Hvad kan et element være? (Overskrifter, billeder, tekst, tabeller mm.)

Websider laves med HTML En webside er et elektronisk dokument der vises i en webbrowser. HTML standarden: •Den viser dokumentets elementer. •Hvad kan et element være? (Overskrifter, billeder, tekst, tabeller mm.) •Det er formateringen der adskiller dokumentet fra et almindeligt tekstdokument. Formateringen foregår med tags eller markører •Hvad betyder HTML egentligt?

Websider laves med HTML En webside er et elektronisk dokument der vises i en webbrowser. HTML standarden: •Den viser dokumentets elementer. •Hvad kan et element være? (Overskrifter, billeder, tekst, tabeller mm.) •Det er formateringen der adskiller dokumentet fra et almindeligt tekstdokument. Formateringen foregår med tags eller markører •Hvad betyder HTML egentligt? HyperText Markup Language HTML Standarden fastsættes af (W3C) World wide web Consotium. -Alle dokumenterne der beskriver standarderne er tilgængelig på:

HTML Dokumentet •HTML dokumentet er rene tekstfiler, også kendt som ASCII-filer •De kan fremstilles med en hvilket som helst teksteditor, eks.: Notesblok •De fremstilles som en ren tekstfil, da den ikke indeholder en masse formationsformater mm. Vælger man at bruge et tekstbehandlingsprogram til at kode HTML, skal man huske at gemme filerne som tekstfiler, med det korrekte filtypenavn som i vores tilfælde er enten.htm el..html •Dokumentet er struktureret og formateret i forhold til W3C’s anbefalinger. •3 af de mest nødvendige markører og overordnede elementer i et HTML dokument er: • HTML-markørparet ( og ) •Et hoved ( og ) •En dokument-krop ( og ) •Et HTML-dokument skal altid indledes med en dokumenttypeerklæring. Her menes en documenttypedefinition (DTD)

Jørgen Kannes hjemmeside Jørgen Kannes hjemmeside Hvor finder man: •HTML-markørparet •Hoved markørerne •Krop markørerne •DTD’en

Elementer indrammet af HTML markører kan rumme en lang række attributter (Egenskaber). Disse attributter skal indsættes i start-markøren. Et eksempel på dette kunne være: Jørgen Kanne Uden attributter Jørgen Kanne Med attribut Gå ind på og læs mere om tags (markører) Opgave: Opret et HTML dokument i Dreamweaver CS5 indeholdende DTD, HTML- markørpar, Head & Body. Lav 2 elementer, en overskrift indrammet af markøren ( ) og en tekst indrammet af markøren( ). Leg med at indsætte attributter i de to startmarkører og se hvad de forskellige forslag som dreamweaver kommer med, betyder for formateringen af de to tekster

Opgaver til HTML introduktion På ITs Learning Læs og gennemgå følgende link grundigt, ttp:// Opgave: Gå ind på ITs Learning og løs opgave/test / 001 – HTML markørerne & deres attributter