1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Ältere browser-proprietäre Elemente</title>
<link rel="stylesheet" type="text/css" href="../../src/selfhtml.css">
<meta name="description" content="Welche älteren, browser-spezifischen HTML-Elemente es zur Textstrukturierung gibt, die jedoch nach Möglichkeit nicht mehr verwendet werden sollten.">
<meta name="keywords" content="SELFHTML, HTML, proprietäre Elemente, Lauftext, Laufschrift, Marquee, mehrspaltiger Textfluss, Abstandhalter, <marquee>, <multicol>, <spacer>">
<meta name="author" content="Stefan Münz, selfhtml@teamone.de">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="DC.Publisher" content="selfhtml@teamone.de">
<meta name="DC.Date" content="2001-10-27T08:00+01:00">
<meta name="DC.Identifier" content="http://selfhtml.teamone.de/html/text/proprietaer.htm">
<meta name="DC.Language" content="de">
<meta name="DC.Rights" content="../../editorial/copyright.htm">
<meta name="DC.Date.Create" content="2001-10-27T08:00+01:00">
<meta name="SELF.Version" content="1">
<meta name="SELF.Pagetype" content="Information">
<meta name="SELF.Path" content="SELFHTML == ../../index.htm // HTML/XHTML == ../index.htm // Elemente zur Textgestaltung == index.htm">
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#AA5522" vlink="#772200" alink="#000000">
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td bgcolor="#FFEEDD" class="nav"><a class="an" name="top"><img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"></a> <a href="../../index.htm"><b>SELFHTML</b></a>/<a href="../../navigation/index.htm" target="_parent">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="../index.htm"><b>HTML/XHTML</b></a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="index.htm"><b>Elemente zur Textstrukturierung</b></a></td>
</tr>
</table><table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td bgcolor="#EEEEEE" class="doc" width="110"><img src="../../src/logo.gif" width="106" height="109" border="0" alt="SELFHTML"></td>
<td bgcolor="#EEEEEE" class="doc" valign="bottom" width="100%"><h2>Ältere browser-proprietäre Elemente</h2>
<tr>
<td bgcolor="#EEEEEE" class="doc" valign="top" align="center">
<img src="../../src/dokx.gif" width="30" height="20" vspace="6" border="0" alt="Informationsseite">
</td>
<td bgcolor="#FFFFFF" valign="top" nowrap>
<p>
<img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"> <a href="#marquee"><b>Lauftext - Marquee (Microsoft)</b></a><br>
<img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"> <a href="#mehrspaltig"><b>Mehrspaltiger Textfluss (Netscape)</b></a><br>
<img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"> <a href="#raum"><b>Raumschaffer (Netscape)</b></a><br>
<img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"> <a href="#blinkend"><b>Blinkender Text (Netscape)</b></a><br>
</p>
</td>
</tr><tr><td colspan="2" bgcolor="#EEEEEE" class="doc"> <a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> </td></tr>
</table>
<h2 class="Sh2"><img src="../../src/msie2.gif" width="30" height="30" border="0" alt="MSIE 2.0"> <a class="an" name="marquee">Lauftext - Marquee (Microsoft)</a></h2>
<p>Sie können erreichen, dass ein Text mitten im übrigen Text automatisch horizontal scrollt, so wie in dem von Windows bekannten Bildschirmschoner "Marquee". Diese Angaben gehören nicht zum HTML-Standard und werden nur vom Internet Explorer interpretiert.</p>
<h3 class="xmp">Beispiel:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" border="0" alt="Popup-Seite"> <a href="anzeige/marquee.htm" target="_blank"><b>Anzeigebeispiel: So sieht's aus</b></a></p>
<table width="100%" cellpadding="10"><tr><td class="xmpcode" bgcolor="#FFFFE0"><pre>
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<marquee scrollamount="50" scrolldelay="5">
<b>Dieser Text wird ziemlich schnell bewegt</b>
</marquee>
<marquee behavior="alternate">
<b>Dieser Text wird hin und her bewegt</b>
</marquee>
</body>
</html>
</pre></td></tr></table>
<h3 class="xpl">Erläuterung:</h3>
<p>Mit <code><marquee></code> leiten Sie den zu scrollenden Inhalt ein. Dahinter folgt der Inhalt, der gescrollt werden soll. Am Ende notieren Sie ein abschließendes </marquee>.</p>
<p>Mit <code>direction="right"</code> im einleitenden Tag erzwingen Sie die Laufrichtung von links nach rechts (<i>direction = Richtung, right = rechts</i>). Mit <code>direction="left"</code> stellen Sie die Laufrichtung auf rechts nach links (Voreinstellung).</p>
<p>Durch das Attribut <code>scrollamount=</code> bestimmen Sie die Pixelanzahl zwischen den Scroll-Zuständen. Mit <code>scrolldelay=</code> legen Sie die Verzögerung zwischen zwei Scroll-Zuständen in Millisekunden fest (<i>amount = Zustand, delay = Verzögerung</i>).</p>
<p>Mit <code>behavior="alternate"</code> erzwingen Sie den Wechsel-Effekt (<i>behavior = Verhalten, alternate = wechselnd</i>).</p>
<p>Durch das Atrribut <code>bgcolor=</code> erzwingen Sie, dass der gescrollte Text in einem andersfarbigen Rahmen erscheint (<i>bgcolor = background color = Hintergrundfarbe</i>). Für die Farbauswahl gelten die Regeln zum <img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="../allgemein/farben.htm"><b>Definieren von Farben in HTML</b></a>.</p>
<p>Mit <code>align="top"</code> erreichen Sie, dass der umgebende Text obenbündig zu dem Marquee-Text ausgerichtet wird. Mit <code>align="middle"</code> wird der umgebende Text mittig ausgerichtet, mit <code>align="bottom"</code> untenbündig (<i>align = Ausrichtung, top = oben, middle = mittig, bottom = unten</i>).</p>
<p>Durch <code>height=</code> bestimmen Sie die Höhe des Marquee-Bereichs (<i>height = Höhe</i>). Diese Angabe ist vor allem interessant, wenn Sie für den Marquee-Bereich eine eigene Hintergrundfarbe bestimmen. Mit der Höhe des Marquee-Bereichs legen Sie dann die Höhe des andersfarbigen Kastens fest, in dem der Marquee-Text gescrollt wird. Die Angabe erfolgt entweder absolut in Pixeln, oder in Prozent relativ zur Höhe des Anzeigefensters.</p>
<p>Mit <code>hspace=</code> bestimmen Sie den Abstand zwischen Marquee-Text und dem Text davor bzw. dahinter (<i>hspace = horizontal space = horizontaler Abstand</i>). Dieses Attribut ist nur von Bedeutung, wenn Sie den Marquee-Bereich mitten im Text definieren. Der Wert erfolgt in Pixeln. Der angegebene Abstand gilt sowohl für den Text davor als auch für den Text dahinter.</p>
<h3 class="inf">Beachten Sie:</h3>
<p>Viele Leute wollen ja unbedingt so einen Lauftext auf ihrer Seite haben und sind ganz traurig, dass andere Browser das <code>marquee</code>-Element nicht kennen. Es gibt mehrere Alternativen zum <code>marquee</code>-Element. Eine davon ist, mit Hilfe von <img src="../../src/kap.gif" width="15" height="13" border="0" alt="Kapitel"> <a href="../../dhtml/index.htm"><b>Dynamischem HTML</b></a> einen Lauftext-Effekt zu programmieren. Eine andere ist, so etwas mit Java oder Flash zu tun. Sie können ein <img src="../../src/dokf.gif" width="15" height="10" border="0" alt="Popup-Seite"> <a href="../multimedia/anzeige/marquee.htm" target="_blank"><b>Beispiel mit Java</b></a> aufrufen und <img src="../../src/zip.gif" width="12" height="10" border="0" alt="Popup-Seite"> <a href="../multimedia/anzeige/marquee.zip" target="_blank"><b>Beispiel mit Java downloaden</b></a>.</p>
<table bgcolor="#EEEEEE" class="doc" width="100%"><tr><td>
 <a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> 
</td></tr></table>
<h2 class="Sh2"><img src="../../src/netsc3.gif" width="30" height="30" border="0" alt="Netscape 3.0"> <a class="an" name="mehrspaltig">Mehrspaltiger Textfluss (Netscape)</a></h2>
<p>Netscape unterstützt in den Versione 3.x und 4.x (nicht mehr in 6.x!) eine Methode, mehrspaltigen Fließtext im Zeitungsstil in HTML zu realisieren. Dieses Feature gehört jedoch nicht zum HTML-Standard.</p>
<h3 class="xmp">Beispiel:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" border="0" alt="Popup-Seite"> <a href="anzeige/multicol.htm" target="_blank"><b>Anzeigebeispiel: So sieht's aus</b></a> (<img src="../../src/dokf.gif" width="15" height="10" border="0" alt="Popup-Seite"> <a href="../../quellen/hausher.htm" target="_blank"><b>Quelle</b></a> zum Beispieltext)</p>
<table width="100%" cellpadding="10"><tr><td class="xmpcode" bgcolor="#FFFFE0"><pre>
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<multicol cols="3" gutter="10">
<p>Lesen des folgenden Textes ... usw.</p>
</multicol>
</body>
</html>
</pre></td></tr></table>
<h3 class="xpl">Erläuterung:</h3>
<p>Mit <code><multicol></code> leiten Sie einen mehrspaltigen Abschnitt ein (<i>multicol = multiple columns = mehrere Spalten</i>). Zwingend erforderlich ist das Attribut <code>cols=</code>, mit dem Sie die Anzahl der gewünschten Spalten festlegen. Daran anschließend können beliebige andere Elemente folgen. Mit <code></multicol></code> wird der mehrspaltige Abschnitt beendet.</p>
<p>Alles, was zwischen dem einleitenden Tag <code><multicol></code> und dem abschließenden <code></multicol></code> steht, wird automatisch so verteilt, dass es sich optimal über die angegebene Anzahl Spalten erstreckt. Bei Bildern, Java-Applets usw. kann es allerdings zu unschönen Anzeigen kommen. Denn anders als bei Tabellen richtet sich die Breite einer Spalte nicht nach dem breitesten Inhalt, sondern nach der rechnerischen Spaltenbreite. Das kann dazu führen, dass Grafiken, die breiter sind als die Spalte, in die Nachbarspalte hineinreichen und sich mit dem dort stehenden Inhalt überlappen.</p>
<p>Durch das Attribut <code>width=</code> können Sie die Gesamtbreite der Spalten beeinflussen. Sie können eine Zahl oder einen Prozentwert angeben. Mit einer Zahl, z.B. 500, erzwingen Sie, dass alle Spalten zusammengenommen so viel Pixel breit sind wie angegeben. Mit einem Prozentwert erreichen Sie, dass alle Spalten zusammengenommen maximal so viel Breite des Anzeigefensters einnehmen wie angegeben. Für eine prozentuale Angabe notieren Sie hinter der Zahl einfach ein Prozentzeichen.</p>
<p>Mit dem Attribut <code>gutter=</code> können Sie den Abstand zwischen den Spalten vergrößern oder verkleineren. Die Voreinstellung ist ein Abstand von 10 Pixeln. Mit einem höheren Wert erreichen Sie einen größeren Spaltenabstand, mit einem niedrigeren Wert einen geringeren Spaltenabstand.</p>
<h3 class="inf">Beachten Sie:</h3>
<p>Eine Alternative zu diesem HTML-Element gibt es derzeit nicht. In CSS war mehrspaltiger Textfluss einmal vorgesehen, wurde dann jedoch wieder verworfen. Mehrere Spalten nebeneinander können Sie durch <img src="../../src/kap.gif" width="15" height="13" border="0" alt="Kapitel"> <a href="../tabellen/index.htm"><b>Tabellen</b></a> ohne sichtbaren Rahmen erzwingen. Dabei bricht jedoch der Text nicht automatisch zwischen den Spalten um.</p>
<table bgcolor="#EEEEEE" class="doc" width="100%"><tr><td>
 <a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> 
</td></tr></table>
<h2 class="Sh2"><img src="../../src/netsc3.gif" width="30" height="30" border="0" alt="Netscape 3.0"> <a class="an" name="raum">Raumschaffer (Netscape)</a></h2>
<p>Ein HTML-Element, das von Netscape 3.x und 4.x (nicht mehr 6.x!) interpretiert wird, erlaubt es, horizontale und vertikale Leerräume zu schaffen. Dadurch lassen sich beispielsweise Absatzabstände vergrößern.</p>
<h3 class="xmp">Beispiel:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" border="0" alt="Popup-Seite"> <a href="anzeige/spacer.htm" target="_blank"><b>Anzeigebeispiel: So sieht's aus</b></a></p>
<table width="100%" cellpadding="10"><tr><td class="xmpcode" bgcolor="#FFFFE0"><pre>
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<p>Wer nichts wagt, kann nichts verlieren.</p>
<spacer type="vertical" size="50">
<p>Wer sich nicht sicher ist, kann sich nicht irren.</p>
</body>
</html>
</pre></td></tr></table>
<h3 class="xpl">Erläuterung:</h3>
<p>Mit <spacer> leiten Sie einen Zwischenraum ein (<i>spacer = Raumschaffer</i>). Notieren Sie das Tag genau an der Stelle, wo Sie den Zwischenraum wünschen. Mit <code>type="vertical"</code> geben Sie an, dass es ein vertikaler Zwischenraum sein soll, wie es für Absatzabstände erforderlich ist. Mit <code>type="horizontal"</code> können Sie auch horizontale Abstände erzeugen. Mit dem Attribut <code>size=</code> bestimmen Sie die Größe des Abstands. Die Angabe erfolgt in Pixeln (<i>size=Größe</i>).</p>
<p>Durch <code>type="block"</code> (<i>block = Rechteck</i>), <code>width=</code> (<i>width=Breite</i>) und <code>height=</code> (<i>height=Höhe</i>) definieren Sie einen rechteckigen Leerraum. Mit <code>width=</code> bestimmen Sie die Breite des Rechtecks, mit <code>height=</code> die Höhe. Beide Angaben erfolgen in Pixeln. Wenn Text um das Rechteck fließen soll, sollten Sie die Ausrichtung festlegen. Mit der Angabe <code>align="left"</code> fließt der folgende Text rechts um das links ausgerichtete Rechteck, mit der Angabe <code>align="right"</code> fließt er links um das rechts ausgerichtete Rechteck.</p>
<h3>Beachten Sie:</h3>
<p>Für das, was dieses Element leistet, benutzt man heute <img src="../../src/kap.gif" width="15" height="13" border="0" alt="Kapitel"> <a href="../../css/index.htm"><b>CSS Stylesheets</b></a>. Maßgeblich sind die CSS-Eigenschaften für <img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="../../css/eigenschaften/randabstand.htm"><b>Außenrand und Abstand</b></a>.</p>
<table bgcolor="#EEEEEE" class="doc" width="100%"><tr><td>
 <a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> 
</td></tr></table>
<h2 class="Sh2"><img src="../../src/netsc11.gif" width="30" height="30" border="0" alt="Netscape 1.1"> <a class="an" name="blinkend">Blinkender Text (Netscape)</a></h2>
<p>Netscape führte in seinen Frühzeiten die Möglichkeit ein, Text blinken zu lassen.</p>
<h3 class="xmp">Beispiel:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" border="0" alt="Popup-Seite"> <a href="anzeige/blink.htm" target="_blank"><b>Anzeigebeispiel: So sieht's aus</b></a></p>
<table width="100%" cellpadding="10"><tr><td class="xmpcode" bgcolor="#FFFFE0"><pre>
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<h1><blink>Warnung!</blink></h1>
</body>
</html>
</pre></td></tr></table>
<h3 class="xpl">Erläuterung:</h3>
<p>Alles was zwischen <code><blink></code> und <code></blink></code> steht, blinkt im Netscape-Browser, aber auch nur dort.</p>
<h3 class="inf">Beachten Sie:</h3>
<p>Blinkenden Text können Sie ganz offiziell mit der CSS-Eigenschaft <img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="../../css/eigenschaften/schrift.htm#text_decoration"><b>text-decoration</b></a> erzeugen. Auch die entsprechende Wertzuweisung für blinkenden Text wird jedoch nur von Netscape interpretiert. Für eine Lösung, die mit beiden Browsern funktioniert, müssen Sie eine Lösung mit <img src="../../src/kap.gif" width="15" height="13" border="0" alt="Kapitel"> <a href="../../dhtml/index.htm"><b>Dynamischem HTML</b></a> programmieren.</p>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td colspan="2" bgcolor="#EEEEEE" class="doc">
 <a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a>
</td></tr>
<tr><td bgcolor="#EEEEEE" class="doc" align="right"><a href="../tabellen/aufbau.htm"><img src="../../src/next.gif" width="10" height="10" border="0" hspace="10" alt="weiter"></a></td>
<td bgcolor="#FFFFFF"><img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="../tabellen/aufbau.htm"><b>Aufbau einer Tabelle</b></a>
</td></tr>
<tr>
<td bgcolor="#EEEEEE" class="doc" align="right"><a href="schrift.htm"><img src="../../src/prev.gif" width="10" height="10" border="0" hspace="10" alt="zurück"></a></td>
<td bgcolor="#FFFFFF" width="100%"><img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="schrift.htm"><b>Ältere Elemente zur Schriftformatierung</b></a>
</td>
</tr>
<tr><td colspan="2" bgcolor="#EEEEEE" class="doc"> </td></tr>
</table><table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td bgcolor="#FFEEDD" class="nav"><a class="an" name="bottom"><img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"></a> <a href="../../index.htm"><b>SELFHTML</b></a>/<a href="../../navigation/index.htm" target="_parent">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="../index.htm"><b>HTML/XHTML</b></a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="index.htm"><b>Elemente zur Textstrukturierung</b></a></td>
</tr>
</table>
<p>© 2001 <img src="../../src/mail.gif" width="15" height="10" border="0" alt="E-Mail"> <a href="mailto:selfhtml@teamone.de">selfhtml@teamone.de</a></p>
</body>
</html>
|
