Html basics. html ist… Auszeichnungssprache (Seiten werden beschrieben) unterscheidet zwischen Inhalt und Anweisung jede!! Webseite besteht nur aus (Quell)-Text.

Präsentation zum Thema: "Html basics. html ist… Auszeichnungssprache (Seiten werden beschrieben) unterscheidet zwischen Inhalt und Anweisung jede!! Webseite besteht nur aus (Quell)-Text."—  Präsentation transkript:

1 html basics

2 html ist… Auszeichnungssprache (Seiten werden beschrieben) unterscheidet zwischen Inhalt und Anweisung jede!! Webseite besteht nur aus (Quell)-Text. Quelltext wird von Browsern (IE, Firefox, Chrome) interpretiert und dargestellt

3 Unterschied Inhalt - Anweisung Anweisungen werden in spitzen Klammern gesetzt Anweisung = Tag = Inhalt wird 'normal' notiert. – Je nach Kodierung (z.B. utf-8) werden Sonderzeichen 'abenteuerlich' notiert 'ü'='ü' – Tipp: Kodierung 'iso-8859-1' einsetzen

4 hier gilt Tempo 50 filled tags filled tags = 'open tag' Inhalt 'close tag' – Anweisung – Inhalt – Ende der Anweisung – Inhalte frei

5 filled tags - Beispiel Die Anweisung (Überschrift 1)

6 single tags Das Tag kommt nur an einer Stelle vor. Beispiele: html 4- Schreibw.xhtml Schreibw.Bedeutung Zeilenumbruch hier kommt ein Bild waagrechte Linie

7 html – Seiten erstellen Texteditor (notepad, notepad++, Webocton scriptley … Texteditor für Mac: TextWrangler, Emacs, MacVim)

8 Aufbau einer Webseite Metapher vom Container, der Kisten enthält, die Packungen enthalten, die Schachteln enthalten, die ….. filled Tags sind so etwas wie eindimensionale Boxen. jede Box muss die sich darin befindlichen Boxen umschliessen. FILA (first in-last out)

9 korrektes Modell

10 inkorrektes Modell

11 unkorrektes Modell (Animation korrigiert)

12 Aufbau einer html -Seite –

13 Aufbau html-Seite II html umschliesst die ganze Seite head umschliesst Infos über die Seite – Schlüssel- Suchwörter – html-Version etc.) body umschliesst den Inhalt der Seite. – Alles, was auf der Webseite sichtbar ist, steht zwischen den Body - Tags

14 Zusammenfassung html Anweisungen – filled tags (Tags mit Anfangs- und Endtag) – single tags (Tags, die an 1 Pos. stehen) Aufbau einer html-Seite – reiner Text (Quelltext) – html umschliesst head und body – head = Infos über die Seite – body = Inhalt der Seite