options random home http://www.selfhtml.com/th.htm (Amiga Plus Extra No. 5, 08/1997)
HTML-Dateien selbst erstellen

HTML-Kurzreferenz

 HTML-Datei
 Dateikopf
 Text und Absätze
 Tabellen
 Verweise
 Grafik
 Formulare
 Frames
 Style-Sheets
 Multimedia
 Layer

HTML-Datei

Eigenschaft HTML Standard Nähere Infos
HTML-Datei
Grundgerüst		 
<html>
<head>
<title>Titel</title>
</head>
<body>
Inhalt der Datei
</body>
</html>
 Beschreibung
HTML-Datei
Vordergrundfarben		 
<body text= link= vlink= alink=>
text=[#XXXXXX/"Farbname"]
link=[#XXXXXX/"Farbname"]
vlink=[#XXXXXX/"Farbname"]
alink=[#XXXXXX/"Farbname"]
 Beschreibung
 Farben definieren
HTML-Datei
Hintergrundfarbe		 
<body bgcolor=>
bgcolor=[#XXXXXX/"Farbname"]
 Beschreibung
 Farben definieren
HTML-Datei
Hintergrundbild		 
<body background="/view-amigaplus_npw/http://www.selfhtml.com/>%3C/pre">
 background="/view-amigaplus_npw/http://www.selfhtml.com/"datei.gif"%3Cbr">  Beschreibung
HTML-Datei
Hintergrundbild
fixiert		 
<body background= "/view-amigaplus_npw/http://www.selfhtml.com/bgproperties=fixed>%3C/pre">
 background="/view-amigaplus_npw/http://www.selfhtml.com/"datei.gif"%3Cbr">  Beschreibung

Dateikopf

Eigenschaft HTML Standard Nähere Infos
Dateikopf
Titel		 
<title>...</title>
 Beschreibung
Dateikopf
Adreßbasis		 
<base href="/view-amigaplus_pw/http://www.selfhtml.com/>%3C/pre">
 href="/view-amigaplus_pw/http://www.selfhtml.com/"datei.htm"%3Cbr">  Beschreibung
Dateikopf
Zielfensterbasis		 
<base target=>
target="Fenstername"
 Beschreibung
Dateikopf
Durchsuchbarkeit		 
<isindex>
<isindex prompt=>
prompt="Aufforderungstext"
 Beschreibung
Dateikopf
Meta-Information
 
<meta name= content=>
<meta http-equiv= content=>
name=description content="..."
name=author content="..."
name=keywords content="..."
name=robots content=index
name=robots content=noindex
name=robots content=follow
name=robots content=nofollow
name=http-equiv=expires...content="..."
name=http-equiv="refresh... content=...;URL=..."
name=http-equiv=content-type... content="..."
 Beschreibung
Dateikopf
Standardverweise
 
<link rel= href="/view-amigaplus_pw/http://www.selfhtml.com/>%3C/pre">
 rel=home, toc, index, glossary,
copyright, next, previous, help, bookmark
href="/view-amigaplus_pw/http://www.selfhtml.com/"datei.htm"%3Cbr">  Beschreibung
Dateikopf
Standardverweise
Rückverweise
 
<link rev= href="/view-amigaplus_pw/http://www.selfhtml.com/>%3C/pre">
 rev=made, relation
href="/view-amigaplus_pw/http://www.selfhtml.com/"mailto:"," "datei.htm"
 Beschreibung

Text und Absätze

Eigenschaft HTML Standard Nähere Infos
Text und Absätze
Überschrift		 
<h[1-6]>...</h[1-6]>
 Beschreibung
Text und Absätze
Überschrift ausrichten 
<h[1-6] align=>...</h[1-6]>
align=[left/center/right/justify]
 Beschreibung
Text und Absätze
Textabsatz		 
<p>
<p>...</p>
 Beschreibung
Text und Absätze
Absatz ausrichten 
<p align=>
<p align=>...</p>
align=[left/center/right/justify]
 Beschreibung
Text und Absätze
Zeilenumbruch		 
<br>
 Beschreibung
Text und Absätze
Zeilenumbruch
verhindern		 
<nobr>...</nobr>
 Beschreibung
Text und Absätze
Geschützte
Leerzeichen		 
&nbsp;
 Beschreibung
Text und Absätze
Zeilenumbruch
erlauben		 
<wbr>...</wbr>
 Beschreibung
Text und Absätze
Numerierte Liste		 
<ol>
<li>...
</ol>
 Beschreibung
Text und Absätze
Numerierte Liste
Numerierunsart		 
<ol type=>
<li>...
</ol>
type=[a/A/i/I]
 Beschreibung (alphabetisch)
 Beschreibung (römisch)
Text und Absätze
Numerierte Liste
Startwert		 
<ol start=>
<li>...
</ol>
 Beschreibung
Text und Absätze
Numerierte Liste
kompakt		 
<ol compact>
<li>...
</ol>
 Beschreibung
Text und Absätze
Aufzählungsliste		 
<ul>
<li>...
</ul>
 Beschreibung
Text und Absätze
Aufzählungsliste
Bullet-Typ		 
<ul type=>
<li>...
</ul>
type=[circle/square/disk]
 Beschreibung
Text und Absätze
Aufzählungsliste
kompakt		 
<ul compact>
<li>...
</ul>
 Beschreibung
Text und Absätze
Menü-Liste		 
<menu>
<li>...
</menu>
 Beschreibung
Text und Absätze
Verzeichnis-Liste		 
<dir>
<li>...
</dir>
 Beschreibung
Text und Absätze
Definitionsliste		 
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>
 Beschreibung
Text und Absätze
Zitat		 
<blockquote>...</blockquote>
 Beschreibung
Text und Absätze
Adresse		 
<address>...</address>
 Beschreibung
Text und Absätze
Präformatierter Text		 
<pre>...</pre>
<xmp>...</xmp>
<listing>...</listing>
<plaintext>
 Beschreibung (pre)
 Beschreibung (xmp)
 Beschreibung (listing)
 Beschreibung (plaintext)
Text und Absätze
Logische
Textauszeichnung		 
<strong>...</strong>
<em>...</em>
<cite>...</cite>
<var>...</var>
<kbd>...</kbd>
<samp>...</samp>
<code>...</code>
strong = betont
em = emphatisch
cite = Zitat
var = Variable
kbd = Tastatureingabe
samp = Beispiel
code = Quelltext
 Beschreibung
Text und Absätze
Logische
Textauszeichnung		 
<dfn>...</dfn>
dfn = Definition
 Beschreibung
Text und Absätze
Physische
Textauszeichnung		 
<b>...</b>
<i>...</i>
<tt>...</tt>
b = fett
i = kursiv
tt = dicktengleich
 Beschreibung
Text und Absätze
Physische
Textauszeichnung		 
<u>...</u>
<strike>...</strike>
<big>...</big>
<small>...</small>
<sub>...</sub>
<sup>...</sup>
u = unterstrichen
strike = durchgestrichen
big = größerer Text
small = kleinerer Text
sub = tiefgestellt
sup = hochgestellt
 Beschreibung
Text und Absätze
Physische
Textauszeichnung		 
<blink>...</blink>
blink = blinkend
 Beschreibung
Text und Absätze
Physische
Textauszeichnung		 
<s>...</s>
s = durchgestrichen
 Beschreibung
Text und Absätze
Schriftgröße		 
<font size=>...</font>
size=[1/2/3/4/5/6/7]
 Beschreibung
Text und Absätze
Normalschriftgröße		 
<basefontsize=>
basefontsize=[1/2/3/4/5/6/7]
 Beschreibung
Text und Absätze
Schriftfarbe		 
<font color=>...</font>
color=[#XXXXXX/"Farbname"]
 Beschreibung
 Farben definieren
Text und Absätze
Schriftart		 
<font face=>...</font>
face="Schriftartname"
 Beschreibung
Text und Absätze
Textabschnitt zentrieren		 
<center>...</center>
 Beschreibung
Text und Absätze
Textabschnitt ausrichten		 
<div align=>...</div>
align=[left/center/right]
 Beschreibung
Text und Absätze
Trennlinie		 
<hr>
 Beschreibung
Text und Absätze
Trennlinie Optionen		 
<hr noshade>
<hr width=>
<hr size=>
<hr align=>
noshade (nicht schattieren)
width=[Pixel/%] (Breite)
size=[Pixel] (Größe)
align=[left/center/right] (Ausrichtung)
 Beschreibung (noshade)
 Beschreibung (width=)
 Beschreibung (size=)
 Beschreibung (align=)
Text und Absätze
Trennlinie Optionen		 
<hr color=>
color=[#XXXXXX/"Farbname"]
 Beschreibung
 Farben definieren
Text und Absätze
Mehrspaltiger
Textfluß		 
<multicol cols=>...</multicol>
cols=[Spaltenzahl]
 Beschreibung
Text und Absätze
Mehrspaltiger
Textfluß
Optionen		 
<multicol width= gutter=>...</multicol>
width=[Pixel/%] (Gesamtbreite)
gutter=[Pixel] (Spaltenzwischenraum)
 Beschreibung
Text und Absätze
Freies Plazieren
von Text
vertikal		 
<spacer type=vertical size=>
size=[Pixel] (Größe)
 Beschreibung
Text und Absätze
Freies Plazieren
von Text
horizontal		 
<spacer type=horizontal size=>
size=[Pixel] (Größe)
 Beschreibung
Text und Absätze
Unsichtbare
Bilder		 
<spacer type=block width= height= align=>
width=[Pixel] (Breite)
height=[Pixel] (Höhe)
align=[left/center/right] (Ausrichtung)
 Beschreibung
Text und Absätze
Lauftext (Marquee)		 
<marquee>...</marquee>
<marquee direction=>...</marquee>
<marquee scrollamount=>...</marquee>
<marquee scrolldelay=>...</marquee>
<marquee behavior=>...</marquee>
<marquee scrolldelay=>...</marquee>
<marquee height=>...</marquee>
<marquee hspace=>...</marquee>
Optionen:
direction=[left/right] (Richtung)
scrollamount=[Millisekunden] (Geschwindigkeit)
scrolldelay=[Millisekunden] (Geschwindigkeit)
behavior=[alternate] (wechselnd)
height=[Pixel] (Höhe)
hspace=[Pixel] (Abstand)
 Beschreibung
 Beschreibung (Richtung)
 Beschreibung (Geschwindigkeit)
 Beschreibung (Wechsel)
 Beschreibung (Höhe)
 Beschreibung (Abstand)

Tabellen

Eigenschaft HTML Standard Nähere Infos
Tabellen
Aufbau		 
<table [border]>
<tr>
<th>Kopfzelle</th>
<th>Kopfzelle</th>
</tr>
<tr>
<td>Datenzelle</td>
<td>Datenzelle</td>
</tr>
</table>
border (mit Gitternetzlinien)
 Beschreibung
Tabellen
Rahmen
und Abstände		 
<table border=> </table>
<table cellpadding=> </table>
<table cellspacing=> </table>
border=[Pixel] (Rahmendicke)
cellpadding=[Pixel] (Innenabstand Zelle)
cellspacing=[Pixel] (Gitternetzliniendicke)
 Beschreibung (Rahmendicke)
 Beschreibung (Innenabstand)
 Beschreibung (Gitternetzliniendicke)
Tabellen
Teile
und Regeln		 
<table border rules=> 
<thead> </thead>
<tbody> </tbody>
<tfoot> </tfoot>
</table>
rules=[none/rows/cols/all] (Regeln f. Gitternetzlinien)
thead (Tabellenkopf)
tbody (Tabellenkörper)
tfoot (Tabellenfuß)
 Beschreibung
Tabellen
Regeln
Tabellenrahmen		 
<table border frame=> </table>
frame=[box/void/avove/below/hsides/vsides/lhs/rhs]
(Regeln f. Tabellenrahmen)
 Beschreibung
Tabellen
Breite und Höhe		 
<table width= height=> </table>
width=[Pixel/%] (Breite der Tabelle)
height=[Pixel/%] (Höhe der Tabelle)
 Beschreibung
Tabellen
Spaltenbreite		 
<th width=> </th>
<td width=> </td>
width=[Pixel/%] (Breite)
 Beschreibung
Tabellen
Zeilenhöhe		 
<th height=> </th>
<td height=> </td>
height=[Pixel/%] (Höhe)
 Beschreibung
Tabellen
Zeilenumbruch in
Zelle verhindern		 
<th nowrap> </th>
<td nowrap> </td>
 Beschreibung
Tabellen
Zelleninhalt
ausrichten		 
<tr align=> </tr>
<tr valign=> </tr>
<th align=> </th>
<th valign=> </th>
<td align=> </td>
<td valign=> </td>
align=[left/center/right] (horizontal)
valign=[top/middle/bottom] (vertikal)
 Beschreibung (horizontal)
 Beschreibung (vertikal)
Tabellen
Zellen
verbinden		 
<th colspan=> </th>
<th rowspan=> </th>
<td colspan=> </td>
<td rowspan=> </td>
colspan=[Spaltenzahl] (Spalten verbinden)
rowspan=[Zeilenzahl] (Zeilen verbinden)
 Beschreibung (Spalten verbinden)
 Beschreibung (Zeilen verbinden)
Tabellen
Hintergrundfarbe		 
<table bgcolor=> </table>
<tr bgcolor=> </tr>
<th bgcolor=> </th>
<td bgcolor=> </td>
bgcolor=[#XXXXXX/"Farbname"]
 Beschreibung (ganze Tabelle)
 Beschreibung (Zeilen/Zellen)
 Farben definieren
Tabellen
Farbe für Rand und
Gitternetzlinien		 
<table bordercolor=> </table>
<table bordercolorlight= bordercolordark=> 
</table>
bordercolor=[#XXXXXX/"Farbname"] (Farbe)
bordercolorlight=[#XXXXXX/"Farbname"]
bordercolordark=[#XXXXXX/"Farbname"]
 Beschreibung
 Farben definieren
Tabellen
Hintergrundbild		 
<table background="/view-amigaplus_npw/http://www.selfhtml.com/>" </table>
<th background="/view-amigaplus_npw/http://www.selfhtml.com/>" </th>
<td background="/view-amigaplus_npw/http://www.selfhtml.com/>" </td>
background="/view-amigaplus_npw/http://www.selfhtml.com/"datei.gif"%3Cbr">  Beschreibung
Tabellen
Tabellenüberschrift
Tabellenunterschrift		 
<table> 
<caption align=> </caption>
</table>
align=[top/bottom]
 Beschreibung
Tabellen
ausrichten
(Text daneben)		 
<table align=> 
</table>
align=[left/right]
 Beschreibung

Verweise

Eigenschaft HTML Standard Nähere Infos
Verweis
Verweis / Verweisanker		 
<a name="Anker">...</a>
<a href="/view-amigaplus_pw/http://www.selfhtml.com/"#Anker">Text</a><a" href="/view-amigaplus_pw/http://www.selfhtml.com/"datei.htm">Text</a><a" href="/view-amigaplus_pw/http://www.selfhtml.com/"[Pfad]/datei.htm">Text</a><a" href="/view-amigaplus_pw/http://www.selfhtml.com/"http://...">Text</a><a" href="/view-amigaplus_pw/http://www.selfhtml.com/"ftp://...">Text</a><a" href="/view-amigaplus_pw/http://www.selfhtml.com/"gopher://...">Text</a><a" href="/view-amigaplus_pw/http://www.selfhtml.com/"telnet://...">Text</a><a" href="/view-amigaplus_pw/http://www.selfhtml.com/"news:...">Text</a><a" href="/view-amigaplus_pw/http://www.selfhtml.com/"mailto:...">Text</a><a" href="/view-amigaplus_pw/http://www.selfhtml.com/"mailto:...?subject=">Text</a><a" href="/view-amigaplus_pw/http://www.selfhtml.com/"file://localhost/...">Text</a>%3C/pre">
  Beschreibung (Anker)
 Beschreibung (#Anker)
 Beschreibung (datei.htm)
 Beschreibung ([Pfad]/datei.htm)
 Beschreibung (http://...)
 Beschreibung (ftp://...)
 Beschreibung (gopher://...)
 Beschreibung (telnet://...)
 Beschreibung (news:...)
 Beschreibung (mailto:...)
 Beschreibung (mailto:...?subject=)
 Beschreibung (file://localhost/...)
 Beschreibung (Downloadverweise)
 Beschreibung (beliebige Dateien)
Hinweis: mailto:...?subject=
nur mit Netscape ab V2.0
Verweise
browser-intern		 
<a href="/view-amigaplus_pw/http://www.selfhtml.com/"...">Text</a>%3C/pre">
  Beschreibung

Grafik

Eigenschaft HTML Standard Nähere Infos
Grafik
einbinden		 
<img src="/view-amigaplus_npw/http://www.selfhtml.com/"datei.gif"><img" src="/view-amigaplus_npw/http://www.selfhtml.com/"[Pfad]/datei.gif"><img" src="/view-amigaplus_npw/http://www.selfhtml.com/"http://.../datei.gif">%3C/pre">
  Beschreibung (datei.gif)
 Beschreibung ([Pfad]/datei.gif)
 Beschreibung (http:.../datei.gif)
Grafik
Optionen		 
<img src= "/view-amigaplus_npw/http://www.selfhtml.com/alt=><img" src= "/view-amigaplus_npw/http://www.selfhtml.com/border=><img" src= "/view-amigaplus_npw/http://www.selfhtml.com/name=>%3C/pre">
 alt="Alternativtext"
border=[Pixel] (Rahmendicke)
name="Text"
 Beschreibung (Alternativtext)
 Beschreibung (border/Rahmen)
 Beschreibung (Name)
Grafik
beschriften		 
<img src= "/view-amigaplus_npw/http://www.selfhtml.com/align=>%3C/pre">
 align=[top/middle/bottom]
 Beschreibung
Grafik
beschriften (spezieller)		 
<img src= "/view-amigaplus_npw/http://www.selfhtml.com/align=>%3C/pre">
 align=[texttop/absmiddle/absbottom]
 Beschreibung
Grafik
Text um Grafik
fließen lassen		 
<img src= "/view-amigaplus_npw/http://www.selfhtml.com/align=>%3C/pre">
 align=[left/right]
 Beschreibung
Grafik
Abstand Grafik
zu Text		 
<img src= "/view-amigaplus_npw/http://www.selfhtml.com/hspace=" vspace=>
hspace=[Pixel] (horizontaler Abstand)
vspace=[Pixel] (vertikaler Abstand)
 Beschreibung
Grafik
Breite und Höhe
angeben		 
<img src= "/view-amigaplus_npw/http://www.selfhtml.com/width=" height=>
width=[Pixel] (Breite)
height=[Pixel] (Höhe)
 Beschreibung
Grafik
in zwei Versionen
laden		 
<img src= "/view-amigaplus_npw/http://www.selfhtml.com/lowsrc=>%3C/pre">
 lowsrc="/view-amigaplus_npw/http://www.selfhtml.com/"datei.gif"%3Cbr">  Beschreibung
Grafik
mit verweis-sensitiven
Flächen		 
<map name="Mapname">
<area shape= coords= href="/view-amigaplus_pw/http://www.selfhtml.com/><area" shape= coords= nohref>
</map>
<img src= "/view-amigaplus_npw/http://www.selfhtml.com/usemap="#Mapname">%3C/pre">
 shape=[rect/circle/polygon] (Bereichsart)
coords=[x1,y1,x2,y2] (bei rect)
coords=[x,y,r] (bei circle)
coords=[x1,y1,x2,y2,...,x#,y#] (bei polygon)
href= "/view-amigaplus_pw/http://www.selfhtml.com/(wei" bei Verweisen)
nohref (kein Verweis)
 Beschreibung
Grafik
browser-intern		 
<img src="/view-amigaplus_npw/http://www.selfhtml.com/>%3C/pre">
  Beschreibung

Formulare

Eigenschaft HTML Standard Nähere Infos
Formulare
definieren		 
<form action= "/view-amigaplus_npw/http://www.selfhtml.com/method=>%3C/pre">
 action="/view-amigaplus_npw/http://www.selfhtml.com/["CGI-Programm"/"mailto:..."]%3Cbr"> method=[get/post]
 Beschreibung
Formulare
mit Mime-Type
definieren		 
<form action= "/view-amigaplus_npw/http://www.selfhtml.com/method=" enctype=>
enctype="text/plain"
 Beschreibung
Formulare
Einzeilige
Eingabefelder		 
<input name= type=text 
    size= maxlength=>
<input name= type=password 
    size= maxlength=>
size=[Feldlänge Anzeige]
maxlength=[Feldgröße intern]
 Beschreibung (Text)
 Beschreibung (Passwort)
Formulare
Einzeilige
Eingabefelder		 
<input name= type=text 
    size= maxlength= value=>
value="vorbelegter Text"
 Beschreibung
Formulare
Mehrzeilige
Eingabefelder		 
<textarea name= rows= cols=> 
Vorbelegungstext (optional)
</textarea>
rows=[Zeilenanzahl Anzeige]
cols=[Breite Anzeige]
 Beschreibung
Formulare
Mehrzeilige
Eingabefelder
Umbruchkontrolle		 
<textarea name= rows= cols= wrap=> 
</textarea>
wrap=[virtual/physical]
 Beschreibung
Formulare
Auswahllisten		 
<select name= size=> 
<option> Auswahltext
</select>
size=[Anzahl Einträge Anzeige]
 Beschreibung
Formulare
Auswahllisten
Optionen		 
<select name= size= multiple> 
<option selected> Auswahltext
<option value=> Auswahltext
</select>
multiple (Mehrfachauswahl)
selected (vorselektiert)
value="Text" (Absendewert)
 Beschreibung (Mehrfachauswahl)
 Beschreibung (vorselektiert)
 Beschreibung (Absendewert)
Formulare
Radio-Buttons		 
<input type=radio name= value=>
 Beschreibung
Formulare
Check-Buttons		 
<input type=checkbox name= value=>
 Beschreibung
Formulare
Freie Buttons		 
<input type=button name= value= onClick=>
onClick= (JavaScript)
 Beschreibung
Formulare
Datei-Buttons		 
<input name= type=file
  size= maxlength= accept=>
accept= (Mime-Type, auch Wildcards)
 Beschreibung
Formulare
Versteckte
Elemente		 
<input type=hidden name= value=>
value="Zu übertragender Text"
 Beschreibung
Formulare
Absende-Button
Abbrechen-Button		 
<input type=submit value=> 
<input type=reset value=>
submit (absenden)
reset (abbrechen)
 Beschreibung
Formulare
Absende-Button
grafisch		 
<input type=image src="/view-amigaplus_npw/http://www.selfhtml.com/>"
src= "/view-amigaplus_npw/http://www.selfhtml.com/(wie" bei Grafiken)
 Beschreibung

Frames

Eigenschaft HTML Standard Nähere Infos
Frames
HTML-Datei mit Frames
Grundgerüst		 
<html>
<head>
<title>Titel</title>
</head>
<frameset>
Frame-Definitionen...
</frameset>
<body>
Text f. Browser ohne Frames
</body>
</html>
 Beschreibung
Frames
Frame-Sets definieren		 
<frameset rows=>
Frame-Definitionen...
</frameset>

<frameset cols=>
Frame-Definitionen...
</frameset>
rows="[Pixel/%,*]" (Zeilen)
cols="[Pixel/%,*]" (Spalten)
 Beschreibung
Frames
Frames definieren		 
<frameset rows=>
  <frame src= "/view-amigaplus_npw/http://www.selfhtml.com/name=></frameset><frameset" cols=>
  <frame src= "/view-amigaplus_npw/http://www.selfhtml.com/name=></frameset>%3C/pre">
 src="/view-amigaplus_npw/http://www.selfhtml.com/"datei.htm"%3Cbr"> name="Fenstername"
 Beschreibung
Frames
Eigenschaften von
Frames definieren		 
<frame src= "/view-amigaplus_npw/http://www.selfhtml.com/name=" scrolling=>
<frame src= "/view-amigaplus_npw/http://www.selfhtml.com/name=" marginwidth=>
<frame src= "/view-amigaplus_npw/http://www.selfhtml.com/name=" marginheight=>
<frame src= "/view-amigaplus_npw/http://www.selfhtml.com/name=" noresize>
scrolling=[yes/no/auto] (Scrollbars)
marginwidth=[Pixel] (Rand links/rechts)
marginheight=[Pixel] (Rand oben/unten)
noresize (Fenstergröße unveränderbar)
 Beschreibung (Scrollbars)
 Beschreibung (Rand)
 Beschreibung (unv. Fenstergröße)
Frames
Eigenschaften von
Frame-Sets		 
<frameset rows/cols= border=>
<frameset rows/cols= frameborder=>
<frameset rows/cols= framespacing=>
<frameset rows/cols= bordercolor=>
border=[Pixel] (Rahmendicke, Netscape)
frameborder=[yes/no] (Rahmen, MS IE)
framespacing=[Pixel] (Rahmenabstand, MS IE)
bordercolor=[#XXXXXX/"Farbname"]
 Beschreibung (Rahmen)
 Beschreibung (Rahmenfarbe)
 Farben definieren
Frames
Verweise zu
Frames und zum
Beenden des Frame-Sets		 
<a href="/view-amigaplus_pw/http://www.selfhtml.com/"datei.htm"" 
  target="Fenstername">Text</a>
<a href="/view-amigaplus_pw/http://www.selfhtml.com/"datei.htm""  
  target="_new">Text</a>
<a href="/view-amigaplus_pw/http://www.selfhtml.com/"datei.htm""  
  target="_parent">Text</a>
<a href="/view-amigaplus_pw/http://www.selfhtml.com/"datei.htm""  
  target="_top">Text</a>
"_new" (Neues Browser-Fenster)
"_parent" (Frame-Set beenden)
"_top" (Frame-Set beenden)
 Beschreibung (Verweis zu Frames)
 Beschreibung (Beenden Frame-Set)
Frames
Eingebettete
Frames definieren		 
<iframe src= "/view-amigaplus_npw/http://www.selfhtml.com/name=></iframe>%3C/pre">
 src="/view-amigaplus_npw/http://www.selfhtml.com/"datei.htm"%3Cbr"> name="Fenstername"
 Beschreibung
Frames
Eingebettete
Frames
Eigenschaften		 
<iframe width=></iframe>
<iframe height=></iframe>
<iframe align=></iframe>
<iframe hspace=></iframe>
<iframe vspace=></iframe>
width=[Pixel] (Fensterbreite)
height=[Pixel] (Fensterhöhe)
align=[left/right] (Ausrichtung für Textumfluß)
hspace=[Pixel] (horizontaler Textabstand)
vspace=[Pixel] (vertikaler Textabstand)
 Beschreibung
Frames
Verweise zu
eingebetteten
Frames		 
<a href="/view-amigaplus_pw/http://www.selfhtml.com/"datei.htm"" 
  target="Fenstername">Text</a>
 Beschreibung

Style-Sheets

Eigenschaft HTML Standard Nähere Infos
Style-Sheets
ein-/ausschaltbar
aus separater Datei		 
<head> 
<link rel=stylesheet type="text/css" 
 href= "/view-amigaplus_pw/http://www.selfhtml.com/title=></head>%3C/pre">
   href="/view-amigaplus_pw/http://www.selfhtml.com/"datei.css"%3Cbr"> title="Button-Text"
 Beschreibung
Style-Sheets
in Dateikopf		 
<head> 
<style type="text/css">
 Style-Sheet-Angaben
</style>
</head>
 Beschreibung
 Beschreibung (Style-Sheet-Angaben)
Style-Sheets
im Text		 
<[Element] style=> </[Element]>
[Element] (Text/Absatz-Element, z.B. <p>)
 Beschreibung
 Beschreibung (Style-Sheet-Angaben)

Multimedia

Eigenschaft HTML Standard Nähere Infos
Multimedia
Datei als Objekt
einbinden		 
<object data= type=> 
Alternativen
</object>
data="datei.*"
Alternativen (Grafik, Text usw.)
data="Type/Subtype" (Mime-Type)
 Beschreibung
Multimedia
Verweis-sensitive
Grafik als Objekt		 
<object data= shapes> 
<a href= "/view-amigaplus_pw/http://www.selfhtml.com/shape=" coords=>Text</a>
</object>
  href= "/view-amigaplus_pw/http://www.selfhtml.com/(wie" bei Verweisen)
shape=[rect/circle/polygon] (Bereichsart)
coords=[x1,y1,x2,y2] (bei rect)
coords=[x,y,r] (bei circle)
coords=[x1,y1,x2,y2,...,x#,y#] (bei polygon)
 Beschreibung
Multimedia
Java-Applets
als Objekt		 
<object classid= codebase= codetype=> 
<param name= value=>
</object>
  classid=java:[Datei ohne Endung]
codebase="datei.java"
codetype= (Java-Mime-Type)
name= (Parametername)
value= (Parameterwert)
 Beschreibung
Multimedia
ActiveX
als Objekt		 
<object classid= data= codebase= id=> 
</object>
classid=clsid:[ID]
data="datei.*" (INI-Daten)
codebase="datei.ocx"
id="Ankername"
 Beschreibung
Multimedia
Rahmen um
Objekte		 
<object ... border=> 
</object>
  border=[Pixel] (Rahmendicke)
 Beschreibung
Multimedia
Breite und Höhe
von Objekten		 
<object ... width= height=> 
</object>
width=[Pixel] (Breite)
height=[Pixel] (Höhe)
 Beschreibung
Multimedia
Beschriftung
von Objekten		 
<object ... align=> 
</object>
align=[top/middle/bottom]
 Beschreibung
Multimedia
Spezielle Beschriftung
von Objekten		 
<object ... align=> 
</object>
align=[texttop/absmiddle/absbottom]
 Beschreibung
Multimedia
Text um Objekte
fließen lassen		 
<object ... align=> 
</object>
align=[left/right]
 Beschreibung
Multimedia
Abstand Objekt
zu Text		 
<object ... hspace= vspace=> 
</object>
hspace=[Pixel] (horizontal)
vspace=[Pixel] (vertikal)
 Beschreibung
Multimedia
Spezielle
Objekteigenschaften		 
<object ... standby=> 
</object>

<object ... declare> 
</object>
  standby="Text beim Laden"
declare (Anzeige nur auf Wunsch)
 Beschreibung (Meldetext)
 Beschreibung (Anzeige auf Wunsch)
Multimedia
Netscape-Syntax		 
<embed src="/view-amigaplus_npw/http://www.selfhtml.com/>"
src="/view-amigaplus_npw/http://www.selfhtml.com/"datei.*"%3Cbr">  Beschreibung
Multimedia
Netscape-Syntax
Optionen		 
<embed src= "/view-amigaplus_npw/http://www.selfhtml.com/width=" height=> 
<embed src= "/view-amigaplus_npw/http://www.selfhtml.com/autostart=>" 
<embed src= "/view-amigaplus_npw/http://www.selfhtml.com/loop=>"
width=[Pixel] (Anzeigebreite)
height=[Pixel] (Anzeigehöhe)
autostart=true (beim Aufruf abspielen)
loop=true (Endloswiederholung)
 Beschreibung (Breite, Höhe)
 Beschreibung (Start)
 Beschreibung (Wiederholung)
Multimedia
Videos
Microsoft-Syntax		 
<img dynsrc="/view-amigaplus_npw/http://www.selfhtml.com/>"
src="/view-amigaplus_npw/http://www.selfhtml.com/"datei.avi"%3Cbr">  Beschreibung
Multimedia
Videos
Microsoft-Syntax
Optionen		 
<img dynsrc= "/view-amigaplus_npw/http://www.selfhtml.com/loop=>" 
<img dynsrc= "/view-amigaplus_npw/http://www.selfhtml.com/width=" height=> 
<img dynsrc= "/view-amigaplus_npw/http://www.selfhtml.com/src=>" 
<img start= src="/view-amigaplus_npw/http://www.selfhtml.com/>" 
<img dynsrc= "/view-amigaplus_npw/http://www.selfhtml.com/controls>"
loop=[true/Anzahl] (Wiederholung)
width=[Pixel] (Anzeigebreite)
height=[Pixel] (Anzeigehöhe)
src="/view-amigaplus_npw/http://www.selfhtml.com/"datei.gif"" (Alternativgrafik)
start=mouseover (Start beim Berühren)
controls (Play-Buttons anzeigen)
 Beschreibung (Wiederholung)
 Beschreibung (Breite/Höhe)
 Beschreibung (Alternativgrafik)
 Beschreibung (Start)
 Beschreibung (Play-Buttons)
Multimedia
Java-Applets
einbinden		 
<applet code= alt= src="/view-amigaplus_npw/http://www.selfhtml.com/>" 
<param name= value=> 
</applet>
code="datei.class"
alt="Alternativtext"
src="/view-amigaplus_npw/http://www.selfhtml.com/"datei.java"%3Cbr"> name= (Parametername)
value= (Parameterwert)
 Beschreibung
Multimedia
Java-Applets
nach Sun-Syntax
einbinden		 
<app class= src="/view-amigaplus_npw/http://www.selfhtml.com/>"
  class="Datei" (ohne .class)
src="/view-amigaplus_npw/http://www.selfhtml.com/"datei.java"%3Cbr">  Beschreibung
Multimedia
Java-Applets
Optionen		 
<applet code= width= height=> 
</applet> 
<applet code= hspace= vspace=> 
</applet> 
<applet code= align=> 
</applet>
width=[Pixel] (Anzeigebreite)
height=[Pixel] (Anzeigehöhe)
hspace=[Pixel] (Textabstand horizontal)
vspace=[Pixel] (Textabstand vertikal)
align=[left/right] (Ausrichtung f. Textumfluß)
 Beschreibung (Breite/Höhe)
 Beschreibung (Textabstand)
 Beschreibung (Ausrichtung)

Layer

Eigenschaft HTML Standard Nähere Infos
Layer
fest positionierte Layer
definieren		 
<layer name= left= top= width=> 
Inhalt
</layer>
left=[Pixel] (linke obere Ecke: links)
top=[Pixel] (linke obere Ecke: oben)
width=[Pixel] (Anzeigebreite)
 Beschreibung
Layer
fließende Layer
definieren		 
<ilayer name= left= top= width=> 
Inhalt
</ilayer>
left=[Pixel] (Abstand von links)
top=[Pixel] (unterhalb anderer Elemente)
width=[Pixel] (Anzeigebreite)
 Beschreibung
Layer
Anzeigebereich
beschneiden		 
<layer ... clip=> 
Inhalt
</layer>

<ilayer ... clip=> 
Inhalt
</ilayer>
clip=[links,oben,rechts,unten] (relativ zur Layerposition)
 Beschreibung
Layer
Hintergrundfarbe		 
<layer ... bgcolor=> 
Inhalt
</layer>

<ilayer ... bgcolor=> 
Inhalt
</ilayer>
bgcolor=[#XXXXXX/"Farbname"]
 Beschreibung
 Farben definieren
Layer
Hintergrundbild		 
<layer ... background="/view-amigaplus_npw/http://www.selfhtml.com/>" 
Inhalt
</layer>

<ilayer ... background="/view-amigaplus_npw/http://www.selfhtml.com/>" 
Inhalt
</ilayer>
background="/view-amigaplus_npw/http://www.selfhtml.com/"datei.gif"%3Cbr">  Beschreibung
Layer
Überlappung		 
<layer ... above= below=> 
Inhalt
</layer>

<layer ... z-index=> 
Inhalt
</layer>
above="Layername" (über aktuellem Layer)
below="Layername" (unter aktuellem Layer)
z-index=[Nummer in Rangfolge]
 Beschreibung (above/below)
 Beschreibung (z-index)
Layer
verstecken/anzeigen		 
<layer ... visibility=> 
Inhalt
</layer>
visibility=[show/hide/inherit]
 Beschreibung

HTML-Dateien selbst erstellen

© 1997  Stefan Münz, s.muenz@euromail.com