Schaele

Die Zeile der Tabelle

Ohne das Attribut align findet kein Textfluss um die Tabelle statt. Die gesamte Tabelle kann man im Browserfenster linksbündig, rechtsbündig oder zentriert ausrichten, z.B. mit <table align = "right">

Das Attribut align kann die Werte "left", "center" und "right" annehmen. Analog kann man fast alle Tabellenattribute auch nur für eine einzelne Zelle festlegen. Beispiel: <td height = "250" bgcolor = "red">.

Gibt man etwa die Höhe für eine einzige Zelle an, so gilt derselbe Höhenwert für alle Zellen in dieser Zeile. Analog: die Definition der Spaltenbreite in einer Zelle hat zur Folge, dass alle Zellen in dieser Spalte diese Breite besitzen. Deshalb sollte man die Spaltenbreite immer in der ersten Zeile der Tabelle vornehmen.

Analog zur Horizontalausrichtung (links, mitte, rechts) gibt es auch ein Attribut namens valign (= vertical align, oben, mitte, unten). Dieses Attribut kann die Werte "top", "middle" und "bottom" annehmen. Betrachte dazu folgendes.

Möchte man, dass rechts neben der Tabelle der Text weiterfließt, so schreibt man noch zusätzlich in den TABLE-tag: <table align = "left"> Schreibt man Text neben einer Tabelle, so ist oft das Attribut clear im Zeilenumbruchtag hilfreich. Dieser Zusatz verschiebt den Zeilenumbruch soweit

nach unten, bis entweder ein Rand frei ist, <br clear = "left" /> oder

<br clear = "right" />, oder beide Ränder frei sind:

Beispiel: <table border align = "right" width="50%">

Eine normale, nicht durchnummerierte Liste

Eine normale, nicht durchnummerierte (also ungeordnete) Liste wird durch <ul> eingeleitet und mit </ul> beendet. Den einzelnen Aufzählungspunkten wird automatisch ein Symbol vorangestellt. Als Symbol kann man wählen <ul type = circle | square | disc> . Jedem Listenpunkt muss im

Quelltext das Zeichen <li> vorangestellt sein, wobei li für list item steht.

<ul>

<li> dieses ist der erste Eintrag </li>

<li> jetzt kommt der nächste </li>

<li> und nun der letzte Eintrag </li>

</ul>

Hinweis: Leider ist die Darstellung in Firefox etwas anders als im Internet Explorer. Geordnete Listen werden vom Browser automatisch durchnummeriert. Sie stehen zwischen <ol> und </ol> (englisch: ordered list).

<ol>

<li> Dieser Zeile wird automatisch die Ziffer 1

vorangestellt </li>

<li> zweite Zeile </li>

<li> diese Zeile hat als Präfix automatisch die

Ziffer 3 </li>

In einer HTML-Tabelle dürfen einzelne Tabellenzellen im Prinzip leer sein. Dabei gibt es jedoch ein Problem: viele Browser stellen dann die Tabelle nicht mehr richtig dar. Aus diesem Grunde sollte jede Tabellenzelle einen Inhalt haben. Als Inhalt für leere Zellen setzt man das nicht umbrechende Leerzeichen   oder das normale Leerzeichen   selbst ein. <table> und </table> legen eine Tabelle fest. Wenn die Tabelle sichtbare Trennlinien enthalten soll, gibt man zusätzlich border an, also

<table border>. Damit sind sowohl der äußere Rahmen als auch die inneren Gitternetzlinien gemeint. Dabei ist die Strichdicke für die Trennlinien auf 1 voreingestellt.

Automatische Weiterleitung

Mit Hilfe eines Tricks im Head-teil einer HTML-Datei kann man dafür sorgen, dass die aufgerufene HTML-Datei nach einstellbarer Zeit automatisch eine andere HTML-Datei aufruft. Natürlich kann man beliebig viele Dateien derart miteinander verketten. Insbesondere mit Hilfe von Frames kann man so auch eine Dia-Show organisieren.

Zwei HTML-Dateien sollen sich gegenseitig aufrufen. Die erste sei Test1.htm, die zweite sei Test2.htm . Die Abkürzung url bedeutet Uniform Ressource Locator und gibt die genaue Adresse einer Datei an.
Der Inhalt von Test1.html sei
<html>
<head>
<title> erste Seite </title>
<meta http-equiv = "refresh" content="3;
url = test2.html">
</head>
<body bgcolor = #FF0000>
Dies ist Seite 1
</body>
</html>

Der Inhalt von Test2.html sei
<html>
<head>
<title> zweite Seite </title>
<meta http-equiv = "refresh" content = "6;
url = test1.html">
</head>
<body bgcolor = #00FF00>
Dies ist Seite 2
</body>
</html>

Natürlich kann man auch auf eine Seite im Internet weiterleiten, zum Beispiel mit der Anweisung
<meta http-equiv = "refresh" content = "6; url = http://stern.de">

Die Implementierung des gewünschten ActiveX-Controls

Mit dem Attribut classid referenziert man die Implementierung des gewünschten ActiveX-Controls (classid = class identifier = Klassenbezeichner). Die Angabe besteht aus der festen Zeichenfolge clsid: - gefolgt von der Bezeichner-ID. Diese ID muss man kennen. Im obigen Beispiel wird ein recht bekanntes ActiveXControl referenziert, nämlich dasjenige, das unter Windows zum Abspielen von

Multimedia-Dateien zuständig ist. Es bindet den Media-Player von Windows in den Bereich des definierten Objekts ein. Mit classid="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A" bindet man also ein ActiveX-Control ein, das es erlaubt, Sound- und Videodateien aller bekannten Formate wie WAV, AU, MID, MP3, AVI, MPEG usw. abzuspielen.

Dies funktioniert allerdings nur im Internet-Explorer.

Im object-Tag kann man auch noch bestimmen, wie oft z.B. ein Musikstück wiederholt werden soll:

Es lassen sich auch Verweise auf alle derartigen Multimediadateien anlegen. Diese werden von allen Browsern richtig erkannt. Beispiel:

<a href="Musikdateititel.mid"> Musik ? </A>

Hierbei öffnet sich automatisch die vollständige Rekorder-Tastatur.

Multimedia

Mithilfe des Einbettungstags <object> kann man Multimedia-Dateien in die eigene HTML-Seite integrieren. Bei Verwendung dieses Tags laufen die für die Multimedia-Datei benötigten, zusätzlichen Programme (die sog. PlugIns) grundsätzlich im Hintergrund ab und die erzeugten Musik- oder Videoausgaben werden direkt in das HTML-Dokument integriert.

Leider kann man nicht davon ausgehen, dass auf dem Rechner des Surfers immer alle notwendigen PlugIns installiert sind. So kann es durchaus vorkommen, dass das Abspielen von Multimedia-Dateien z.B. in Firefox funktioniert, im Internet-Explorer aber nicht oder umgekehrt. Dateien, welche Video-clips für Homepages enthalten, werden mit dem Anhängsel "*.avi" bezeichnet. Es gibt unterschiedliche Audio-Datei-Formate. Die bekanntesten haben die Datei-Anhängsel "*.mid*", "*.wav" oder "*.mp3" .

Kopiere nun eine Multimediadatei in dein Homepageverzeichnis! Gib anschließend sinngemäß eine der beiden folgenden Anweisungen:

"200" autostart = "false"> </object><br />

width = "200" autostart = "false"> </object>

Bei dem Besucher deiner Homepage wird daraufhin jeweils ein Hilfsprogramm zum Öffnen dieser Datei gestartet. Voraussetzung dafür, dass es klappt, ist also, dass der Browser des Besuchers überhaupt solche Multimediadateien lesen kann. Je nach PlugIn erscheint dann z.B. eine Recorder-Tastatur. Anklicken mit der rechten Maustaste eröffnet weitere Möglichkeiten.

Der Autostart-Parameter sorgt dafür, dass die Multimediadatei automatisch gestartet wird. Das wirkt sehr effektvoll beim Aufruf einer HTML-Seite. Folgende beiden Anweisungen sorgen im Jahr 2013 dafür, dass sowohl im Internet-Explorer als auch in Firefox das entsprechende Musikstück abgespielt

wird:

Horizontal Menu

Friday, May 22, 2015

Die Zeile der Tabelle

Eine normale, nicht durchnummerierte Liste

Automatische Weiterleitung

Die Implementierung des gewünschten ActiveX-Controls

Multimedia

Total Pageviews

...