ࡱ > Y [ X 9 bjbj 2\ & i l \ \ \ p 8 p - " 9! 9! 9! #- %- %- %- %- %- %- $ Z. z0 | I- \ 9! c 9! 9! 9! I- " ^- " " " 9! l \ #- " 9! #- " " * 0 , \ * JTp 9! * * t- 0 - * 0 9! 0 * " p p HTML-Grundlagen
HTML (Hypertext Markup Language) -Dokumente sind einfache Textdateien, die neben dem eigentlichen Text zustzliche Anweisungen enthalten, wie das Dokument von einem Browser auf dem Bildschirm dargestellt werden soll.
Die Layout- und Formatierungsanweisungen heien Tags, z.B.
Dies ist der Titel
In der Regel treten Tags paarweise auf, d.h., es gibt einen Starttag und einen Endtag, der sich durch einen Slash / unterscheidet. Kleinschreibung ist auch mglich.
Das Grundgerst eines HTML-Dokuments sieht folgendermaen aus:
// Das Einrcken dient der besseren Lesbarkeit
hier steht der Titel
hier steht der eigentliche Text
Um berschriften hervorzuheben, gibt es die Levels H1 bis H5.
Ein Zeilenumbruch wird mit erzwungen (back return).
Abstze werden mit
und
(von Paragraph) gekennzeichnet.
...
linksbndig
...
zentriert
...
rechtsbndig
Eine Abgrenzung durch horizontale Striche erfolgt mit dem einzelnen -Tag.
Textformatierungen
... fett (bold) ... kursiv (italic) ... klein ... Schriftgre, n zwischen 1 und 7 ... ndert die Schriftfarbe ... ndert die Schriftart in Courier (Arial, Helvetica) ... unterstrichen
Besonderer Effekt
Farbe
Beispiel: // bg background
Schrift- und Hintergrundfarbe knnen vielfltig variiert werden. Die Farbwerte fr rot, grn und blau werden jeweils durch zwei Ziffern im Hexadezimalsystem (Ziffern: 0, 1, ... , 9, a, b, ... , f) angegeben.
aqua00ffffdarkorangeff8c00beigef5f5dcforestgreen228b22blueviolet8a2be2indianredcd5c5ccadetblue5f9ea0lightpinkffb6c1coralff7f50magentaff00ffdarkblue00008bolive808000
Aufzhlungen (Listen)
...
nicht nummerierte Liste (Gliederung) ... nummerierte Liste
Listenelement
Milch
Eier
Brot
Listen knnen auch geschachtelt werden.
Sonderzeichen
ä ü ö ß Ä Ü Ö( ( ( ( usw&alpha &beta &gamma &delta usw
Einfgen von Bildern
// mglich wre auch middle oder bottom
Das Bild muss im GIF- oder JPEG-Format vorliegen.
Verweise auf andere Webseiten (Hyperlinks)
Beispiel:
Besuchen Sie doch mal den
Webserver der Firma Sun
Tabellen
Beispiel:
Tabellendemo
// TR Table Row
Feld 1.1
Feld 1.2
// TH Table Head
Feld 2.1
Feld 2.2
// TD Table Data
Die obigen Anweisungen erzeugen die Tabelle:
TabellendemoFeld 1.1Feld 1.2Feld 2.1Feld 2.2
Frames (Rahmen)
Es besteht die Mglichkeit, das Fenster des Web-Browsers in unabhngige Teilfenster aufzuteilen, der HTML-Rumpf wird hierbei durch einen FRAMESET ersetzt.
Beispiel:
Ein Frame-Dokument
Hyperlinks (link engl. Verknpfung)
Hyperlinks sind das wesentliche Element von Hypertextsystemen. Sie stellen eine Ver- bindung zwischen zwei Dokumenten oder zwischen zwei Textstellen eines Dokuments her.
Ein Hyperlink wird an zwei Punkten verankert, dem Ursprungs-Anker (Link) und dem Ziel-Anker.
Hyperlink zwischen zwei Textstellen eines Dokuments
HREF hyper reference
A anchor Anker
Hyperlink zwischen zwei Dokumenten
http://www ... ist der Anfang einer Zieladresse, der der URL (Uniform Resource Locator).
HTTP Hypertext Transfer Protocol
Ein Protokoll ist eine genaue Festlegung, wie zwei Computer Daten mitein- ander austauschen. Im Internet werden verschiedene Protokolle verwendet.
WWW World Wide Web
FTP File Transfer Protocol
TCP/IP Transmission Control Protocol / Internet Protocol
Beispielformular
form kennzeichnet ein Formular,
...
< A NAME = kapitel1>
...
2 ? g n 3 = 9 : ` x y
;
@
P
W
* + H K b
j g j b j a mHsH 6] j mHsH mHsH 5\mH sH mH sH 5\
5CJ \
5CJ \L ' ( H I / 0 j q . g ` $a$ & ? , m F $$If F T0 # 6 4
F a F $$If F T0 # 6 4
F a $If , - . d K $$If F T0 D% %6 4
F a $If F $$If F T0 # 6 4
F a 9 : x Y H $$If F T0 D% %6 4
F a $If K $$If F T0 D% %6 4
F a
p#7 $If : ` x y p x X K $$If F T0 D% %6 4
F a K $$If F T0 D% %6 4
F a $If
p# $If O
P
V
W
$If
l f f f f l f f f f l $If $$If F T\ # 0 6 4
F a
# * + 4 ft fx $$If F T\ # 0 6 4
F a $If 4 ; A H I J K a b s f d d d d $$If F T\ # 0 6 4
F a $If
mP F $$If F T0 # 6 4
F a $If F $$If F T0 # 6 4
F a
s
t
$If F $$If F T0 # 6 4
F a
t m F $$If F T0 # 6 4
F a $If F $$If F T0 # 6 4
F a
f * o y p R ; < B ! t w 5 & ' - . / 1 2 8 9 : ; < ? \ a Ǽ CJ mH sH CJ 0J mH nH u0J
j 0J U5\mH sH j 5CJ U\mH nH u 5\ mH sH 5\mHsH mHsH j dF
J e * m n o
p# F $$If F T0 # 6 4
F a o x y d n o p L $If X $$If F 4 x 0 4
F a $$If a$
p# L i $$If F 0 x 0 4
F a $If e R $a$ F $$If F k0 @f! 6 4
F a $If ^` ` ;
p#
) z & ? N ^
p# N e t O _ j k s t u v w B % & / 0 1 h]h &`#$ 1 < = > ? a b z { h]h &`#$
a b z { mH sH CJ mH sH CJ 0 &P 1h. A!"#$%
i <