Webdesign & Webkommunikation, ITU Torsdag d. 9 feb. 2006 HTML © Hasse Feldthaus.

Præsentationer af emnet: "Webdesign & Webkommunikation, ITU Torsdag d. 9 feb. 2006 HTML © Hasse Feldthaus."— Præsentationens transcript:

1 Webdesign & Webkommunikation, ITU Torsdag d. 9 feb. 2006 HTML © Hasse Feldthaus

2 Dette er overskriften Hej verden! et HTML dokument er en helt almindelig tekst-fil der overholder en række syntaksregler, så det kan fortolkes af en browser. Opbygningen af et HTML dokument

3 Almindelig tekst mellem … vil blive vist som almindelig tekst (whitespaces som mellemrum, linieskift og tabuleringer ignoreres) Almindelig uformateret tekst udenfor … vil blive tolket som fejl kommentarer (kan stå i og udenfor head og body 4 typer af koder som bliver fortolket anderledes end tekst start/stop tags der påvirker indhold de omslutter tags der i sig selv giver indhold specialkoder der fortolkes til andet end selve kodeteksten

4 HTML tags (body) det der bliver tagget Her er en fed tekst(Bold) Her er en kursiv tekst(Italic) Dette er en blok tekst (Paragraph) Dette er en overskrift niveau 1 (Heading1) Dette er en overskrift niveau 6 (Heading6) starttagsluttag Denne tekst er både fed og kursiv Her er fed tekst i en overskrift Denne tekst er både fed og kursiv Forkert: Her er en fed tekst Her er en kursiv tekst Dette er en blok. Yada yada yada yada Dette er blok 2 Bla blabla bla bla (SIFU)

5 HTML tags (body) (BReak) (Horisontal Ruler) parameterNavn=”parameterVærdi” (centrer tekst) (streg 100 pixels bred) navn/værdi par adskilt af mellerum

6 HTML tags (body) tryk her (anchor) Relative links: ”fil2.htm” ”undersider/fil2.htm” ”../racerbiler/fil2.htm” ”../../../../peters/temp/fil2.htm” Absolutte links: ”http://www.itu.dk/courses/DWDK/F2006/oevelser.html” ” https://www.netbank.nordea.dk/netbank/index.jsp” Pseudo protokoller: ”mailto:hasse@feldthaus.dk” defineret sektion af et html dokument: ”fil2.htm#del3” Her er del 3 tryk her tooltip

7 HTML tags (body) &kode; æ  ”æ”Æ  ”Æ” ø  ”ø”Ø  ”Ø” å  ”å”Å  ”Å” (Non Breaking SPace) @(# ASCII kode … i det her tilfælde ”@”)

8 HTML tags (head) Sidens titel index.htm index.html