Navigation, Bilder
Verweise oder Bilder werden durch Eigenschaften der entsprechenden Tags ausgedrückt.
<a href=prrv.html>PRRV</a> Verweis auf andere Seite
<img src="prrv.gif" alt="PRRV"> Bild mit Alternativtext
Sonderzeichen
Für Zeichen, die für HTML reserviert sind, Umlaute oder spezielle Zeichen wie explizite Leerzeichen gibt es spezielle HTML-Sequenzen.
ä ä - a-Umlaut
Ä Ä
< < - lower than
non breaking space - Leerzeichen (auch mehrere)
.
.
Tabellen
Mit dem <table>-TAG kann man mehrspaltige und -zeilige Tabellen mit Rahmen, unterschiedlicher Spaltenbreite usw. definieren. Die einzelnen Zeilen werden dabei mit <tr>, die Spalten mit <td> begonnen.
Quadratzahlen:
<table cols=2>
<tr> <td>1^2</td> <td>1</td> </tr>
<tr> <td>2^2</td> <td>4</td> </tr>
<tr> <td>3^2</td> <td>9</td> </tr>
</table>
Formulare
Mit Formularen kann man auch ohne Java GUI-Elemente im Webbrowser anzeigen. Die eingegebenen Daten können dann lokal mittels Javaskript oder vom Server mittels dynamischen Webseiten verwendet werden. Formulare sind zwischen <form ...> und <form> eingebettet.
Einige wichtige Eigenschaften eines Formulars
name=mein_formular Name des Formulars
action=anmelden URL die beim Submit-Button aufgerufen wird
method=post Wie werden Daten zum Server übermittelt ("post" oder "get")
Einige Formularelemente
<input name=user value="test" size=10> Eingabefeld mit Default-Text und -Größe
<input input type=password name=pass> Passworteingabefeld
<input type=submit value=Anmelden> Button der die "action"-Methode auslößt
<input type=hidden name=act value=new> Verstecktes Element zum Übermitteln von Werten
<select name=dringl> Auswahlbox
<option value=dring>Dringend
<option value=normal>Normal
</select>
<input type=radio name=dringl value=dring> Radio-Buttons
<input type=radio name=dringl value=normal>
Die Inhalte der Dialogelemente können nach dem Übermitteln der Seite am dynamischen Web-Server abgefragt werden.
Abfrage der übermittelten Werte in PHP
<? if ($dringl == "normal") {
.
echo "Bearbeitung erfolgt innerhalb der nächsten 10 Jahre."
.
Frames
Mit Frames kann man innerhalb eines Ausschnitts des HTML-Fensters eine andere HTML-Datei einblenden. Im Haupt-Fenster wird mit <frameset ..> ein Rahmensatz definiert. Mit <frame src=..> kann man dann HTML-Dateien einbinden. Man kann etwa in den linken Teil des Fensters die gleichbleibenden Verweise geben und in den rechten Teil die Webseite des Verweises, der im linken Fenster angeklickt wurde. Ein Beispiel dafür gibt es dann im nächsten Absatz JavaScript.