Präsentation herunterladen
Die Präsentation wird geladen. Bitte warten
1
HTML 4.0 Einführung Prof. Peter Altmann
2
HTML Basics Tags treten normalerweise paarweise auf.............. Tags können Parameter haben......
3
HTML Dokumentstruktur <HTML>................ </HTML>
4
HTML Dokumentstruktur Zusätzliche Informationen im Header
5
HTML Body Parameter Hintergrundgrafik Hintergrundfarbe Textfarbe Linkfarben
6
Beispiel 1 Grüner Hintergrund Schwarze Textfarbe Linkfarbe: blau Aktivierter Link: rot Besuchter Link: gelb
7
HTML Schriftformat fett fett kursiv kursiv unterstrichen unterstrichen durchgestrichen durchgestrichen tiefgestellt tiefgestellt hochgestellt hochgestellt klein klein hervorheben hervorheben Codebeispiel Codebeispiel fixed Text fixed Text (1-7) (1-7) Überschrift 1 Überschrift 1 Überschrift 2 Überschrift 2 Überschrift 3 Überschrift 3 Überschrift 4 Überschrift 4 Überschrift 5 Überschrift 5 Überschrift 6 Überschrift 6
8
HTML Absätze Standardabsatz... Ausrichtung über ALIGN Parameter... right, left, center, justify right, left, center, justify Zeilenumbruch Elemente zentrieren mit …
9
HTML Links lokale Verweise (selbe Seite) Sprung hierher Sprung hierher Sprung hinauf Sprung hinauf lokale Verweise (andere Seite) Klick mich Klick mich URL (Link auf website) xyz xyz E-Mail-Link mail mail
10
Beispiel 2 Hintergrundgrafik: du_midi.jpg Lokaler Link: beispiel01.htm URL – Link: www.chamonix.com Download – Link: http://www.heavens- community.de/selfhtml/selfhtml80.ziphttp://www.heavens- community.de/selfhtml/selfhtml80.zip Email Link: ap@borg2700.at Lokaler Link: Seitenende Anfang
11
Beispiel 2 Lösung Aiguille du Midi... Beispiel 1 Chamonix Dokument downloaden Altmann Peter Hinauf
12
HTML Grafik Über IMG-Tag WIDTHHEIGHT Größe über WIDTH und HEIGHT ALT Alternativtext über ALT HSPACEVSPACE Abstände mit HSPACE und VSPACE BORDER Umrahmung mit BORDER ALIGN Ausrichten im Text mit ALIGN Grafik als Verweis
13
Beispiel 3 <img src = "../Grafik/download.gif" width = 588 height = 440 border = 5 align = left hspace = 50 vspace = 15 alt = "Das Bild zeigt das Verzeichnissystem" >
14
HTML ImageMap </MAP>
15
HTML Listen Aufzählung Listenkopf Listenkopf Item1 Item1 Item2 Item2 Aufzählungszeichen über TYPE DISC CIRCLE SQUARE
16
HTML Listen Nummerierung Item1 Item1 Item2 Item2 Zahlenformat über TYPE A Großbuchstaben a Kleinbuchstaben I große römische Ziffern i kleine römische Ziffern 1 normale Ziffern
17
HTML Listen Definitionsliste<DL> URL URL Uniform Resource Locator Uniform Resource Locator HTML HTML Hypertext Markup Language Hypertext Markup Language </DL>
18
Beispiel 4 Aufzählung Nummerierung Definitionsliste Definitionsliste dient zur näheren Erklärung
19
HTML Tabellen Tabellenüberschrift Tabellenüberschrift Spalte1-1 Spalte1-2 Spalte1-1 Spalte1-2 Spalte2-1 Spalte2-2 Spalte2-1 Spalte2-2 über 2 Spalten über 2 Spalten </TABLE> ROWSPAN = n für mehrere Zeilen Kopfzellen Kopfzellen
20
HTML Tabellen Zellbreite über Abstand zwischen Zellwand und Inhalt mit Abstand Zellwand zu Zellwand
21
Beispiel 5 1 2...
22
HTML Frames Statt BODY wird Schirm in kleine Bereiche (Frames) geteilt Frames können verschachtelt werden Bereich für Frames wird entweder horizontal oder vertikal geteilt
23
HTML Frames <HTML>...... </HTML>
24
Beispiel 6
25
Sonstiges Horizontale Linie mit... Blinken mit... Scroll-Text mit eingebettete Objekte mit Weitere Information: SELFHTML http://www.teamone.de/selfaktuell/index.htm Weitere Information: SELFHTML http://www.teamone.de/selfaktuell/index.htm
Ähnliche Präsentationen
