|
Was kann HTML (der
Browser) ?
Text, Tabellen, Bilder, Töne, Formulare, Animationen, Interaktive
Grafik
Beispiel 1: leere Seite
Das HTML-Dokument für eine leere Seite sieht so
aus:
|
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
|
Beispiel 2: formatierter Text
|
Der zu übertragende Text steht im BODY-Teil.
Der Text kann zentiert werden.
Man kann unterstreichen
Farbe
Grösse
Stil
Ein Link: zurück zur
Java-Startseite
|
So sieht das HTML-Dokument mit den Kommandos (Tags)
< > aus:
|
<HTML>
<HEAD>
<TITLE>HTML-Beispiel</TITLE>
</HEAD>
<BODY>
<P>Der zu
übertragende Text steht im BODY-Teil.
<P><CENTER>Der
Text kann zentiert werden.</CENTER>
<P><U>Man kann
unterstreichen</U>
<P><FONT
COLOR="#AF0000">Farbe</FONT>
<P><FONT
SIZE="+1">Grösse</FONT>
<P><B>Stil</B>
<UL>
<LI><B>Dies ist
eine</B>
<LI><B>Punktliste</B>
</UL>
<P>Ein Link: <A
HREF="Java_Getting_Started.html">zurück zur
Java-Startseite</A>
<HR>
</BODY>
</HTML>
|
 zurück zur Java-Startseite
Beispiel 3: Tabellen
Der Browser kann Tabellen
(<TABLE>) und Hintergrund-Farben (BGCOLOR) darstellen:
Die HTML-Befehle für die Darstellung der Tabelle
im Browser:
|
<TABLE BORDER=1 WIDTH=200>
<TR>
<TD BGCOLOR="#FF0000">
<P>Dies
</TD><TD>
<P>ist
</TD></TR>
<TR>
<TD>
<P>eine
</TD><TD>
<P>Tabelle
</TD></TR>
</TABLE>
|
zurück zur Java-Startseite
Beispiel 4:
Bilder
Der Browser kann Bilder (<IMG>)
der Formate ".gif" und ".jpg" anzeigen, deren Name und Pfad (SRC) im
HTML-Dokument angegeben sind:
Der HTML-Befehl zum Anzeigen des Bildes sieht so aus:
|
<P><CENTER><IMG
SRC="Duke.gif" WIDTH=40 HEIGHT=59 ALIGN=bottom></CENTER>
|
zurück zur Java-Startseite
Beispiel 5: Töne
Der Browser kann Töne apspielen, sofern
das passende Plug-in installiert ist. HTML kann die folgenden
Sound-Formate lesen:
|
<A
HREF="harp.au">harp (16 kB)</A>
|
zurück zur Java-Startseite
Beispiel 6: Formulare
Der Browser kann Formulare
(<FORM>) mit verschiedenen Elementen anzeigen. Eingaben
müssen z.B. mit JavaScript oder Java verarbeitet werden:
Die HTML-Befehle für das Formular:
|
<FORM NAME="meinFormular">
<P><INPUT TYPE="text"
NAME="Name" VALUE="Textfeld" SIZE=30>
<P><INPUT TYPE="Button"
NAME="Name" VALUE="Knopf">
<P><SELECT
NAME="Name">
<OPTION>Wert 1
<OPTION>Wert 2
<OPTION>Wert 3
</SELECT>
<P>
<INPUT TYPE="checkbox"
NAME="Markierungsfeld" VALUE="Wert">
</FORM>
|
Beispiel 7: Animationen
Der Browser kann auch animierte GIFs
anzeigen:
Der HTML-Befehl:
|
<IMG SRC="excpoint.gif"
WIDTH=40 HEIGHT=100 ALIGN=bottom>
<IMG
SRC="HTML/beach-ball.gif" WIDTH=80 HEIGHT=80 ALIGN=bottom>
|
Die Image-Dateien "excpoint.gif"
(5 kB groß) und "beach-ball.gif" (8
kB groß) enthalten die Einzelbilder der Animation und
Informationen über die Geschwindigkeit.
Mit Programmen wie "GifBuilder"
(Freeware für Mac OS, von Yves Piguet) oder GIF
Construction Set™ for Windows (Shareware Evaluation Copy Downloads)
können Sie eigene Animationen erstellen.
Beispiel 8: Image Map
|
Klicke auf eine Person der ersten Reihe:
|
Ein Bild (SRC="HTML/JavaTeamSmall.gif")
kann mit unsichtbaren Kreisen oder Rechtecken belegt werden, die zu
einem lokalen oder externen Link führen, zu denen bei Mausklick
gesprungen wird.
("interaktive Client-Graphik")
|
<MAP NAME="map1">
<AREA SHAPE=RECT
COORDS="217,68,256,150" HREF="#5">
<AREA SHAPE=RECT
COORDS="260,70,297,154" HREF="#6">
<AREA SHAPE=RECT
COORDS="175,74,209,142" HREF="#4">
<AREA SHAPE=RECT
COORDS="132,79,167,145" HREF="#3">
<AREA SHAPE=RECT
COORDS="65,84,107,150" HREF="#2">
<AREA SHAPE=RECT
COORDS="21,83,54,149" HREF="#1">
<AREA SHAPE=RECT
COORDS="3,1,296,155" HREF="#7">
</MAP>
<IMG USEMAP="#map1"
SRC="HTML/JavaTeamSmall.gif" WIDTH=298 HEIGHT=159>
|
 1:
Lisa Friendly
2:
Sami Shaio
3:
Bob Weisblat
4:
James Gosling
5:
Kim Polese
6:
Kathy Walrath
The
Original Java Team
Letzte Änderung am 13.10.2007
|