Home

Site Map

Suchen

Physik,Astronomie,Java,Applet,Unterricht,Schule,Sonne,Erde,Mond
GeoAstro
Applets

Astronomie
Physik,Astronomie,Java,Applet,Unterricht,Schule,Software,Shareware,Optik,Astronomie,Informatik,Mathematik,Mac OS,Programm
Chaos
Spiel
Physik,Astronomie,Java,Applet,Unterricht,Schule,Software,Shareware,Informatik,Mathematik,Mac OS,Programm
Java
Physik,Astronomie,Java-Applet,Informatik,Mathematik,Java,Applet,Mac OS,Programm
Diverses
Astronomie,Physik,Java-Applet,Unterricht,Schule,Software,Informatik,Mathematik,Mac OS,Programm
Physik
Quiz
Physik,Unterricht,Schule,Astronomie,Informatik,Mathematik,Java,Applet,Mac OS,Programm
Wer
ist es ?

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

  • Dies ist eine
  • Punktliste

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&ouml;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&uuml;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:

 

Dies

ist

eine

Tabelle

 

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:

 

".au":  harp (16 kB)

".wav": moan (32 kB)

 

 

<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