html basics

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

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 ' einsetzen

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

filled tags - Beispiel Die Anweisung (Überschrift 1)

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

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

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)

korrektes Modell

inkorrektes Modell

unkorrektes Modell (Animation korrigiert)

Aufbau einer html -Seite –

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

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