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=>
background="datei.gif"
 Beschreibung
HTML-Datei
Hintergrundbild
fixiert
<body background= bgproperties=fixed>
background="datei.gif"
 Beschreibung

Dateikopf

Eigenschaft HTML Standard Nähere Infos
Dateikopf
Titel
<title>...</title>
 Beschreibung
Dateikopf
Adreßbasis
<base href=>
href="datei.htm"
 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=>
rel=home, toc, index, glossary,
copyright, next, previous, help, bookmark
href="datei.htm"
 Beschreibung
Dateikopf
Standardverweise
Rückverweise

<link rev= href=>
rev=made, relation
href="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=> </table>
<th background=> </th>
<td background=> </td>
background="datei.gif"
 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="#Anker">Text</a>
<a href="datei.htm">Text</a>
<a href="[Pfad]/datei.htm">Text</a>
<a href="http://...">Text</a>
<a href="ftp://...">Text</a>
<a href="gopher://...">Text</a>
<a href="telnet://...">Text</a>
<a href="news:...">Text</a>
<a href="mailto:...">Text</a>
<a href="mailto:...?subject=">Text</a>
<a href="file://localhost/...">Text</a>
 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="...">Text</a>
 Beschreibung

Grafik

Eigenschaft HTML Standard Nähere Infos
Grafik
einbinden
<img src="datei.gif">
<img src="[Pfad]/datei.gif">
<img src="http://.../datei.gif">
 Beschreibung (datei.gif)
 Beschreibung ([Pfad]/datei.gif)
 Beschreibung (http:.../datei.gif)
Grafik
Optionen
<img src= alt=>
<img src= border=>
<img src= name=>
alt="Alternativtext"
border=[Pixel] (Rahmendicke)
name="Text"
 Beschreibung (Alternativtext)
 Beschreibung (border/Rahmen)
 Beschreibung (Name)
Grafik
beschriften
<img src= align=>
align=[top/middle/bottom]
 Beschreibung
Grafik
beschriften (spezieller)
<img src= align=>
align=[texttop/absmiddle/absbottom]
 Beschreibung
Grafik
Text um Grafik
fließen lassen
<img src= align=>
align=[left/right]
 Beschreibung
Grafik
Abstand Grafik
zu Text
<img src= hspace= vspace=>
hspace=[Pixel] (horizontaler Abstand)
vspace=[Pixel] (vertikaler Abstand)
 Beschreibung
Grafik
Breite und Höhe
angeben
<img src= width= height=>
width=[Pixel] (Breite)
height=[Pixel] (Höhe)
 Beschreibung
Grafik
in zwei Versionen
laden
<img src= lowsrc=>
lowsrc="datei.gif"
 Beschreibung
Grafik
mit verweis-sensitiven
Flächen
<map name="Mapname">
<area shape= coords= href=>
<area shape= coords= nohref>
</map>
<img src= usemap="#Mapname">
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= (wei bei Verweisen)
nohref (kein Verweis)
 Beschreibung
Grafik
browser-intern
<img src=>
 Beschreibung

Formulare

Eigenschaft HTML Standard Nähere Infos
Formulare
definieren
<form action= method=>
action=["CGI-Programm"/"mailto:..."]
method=[get/post]
 Beschreibung
Formulare
mit Mime-Type
definieren
<form action= 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=> 
src= (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= name=>
</frameset>

<frameset cols=>
  <frame src= name=>
</frameset>
src="datei.htm"
name="Fenstername"
 Beschreibung
Frames
Eigenschaften von
Frames definieren
<frame src= name= scrolling=>
<frame src= name= marginwidth=>
<frame src= name= marginheight=>
<frame src= 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="datei.htm" 
  target="Fenstername">Text</a>
<a href="datei.htm"  
  target="_new">Text</a>
<a href="datei.htm"  
  target="_parent">Text</a>
<a href="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= name=></iframe>
src="datei.htm"
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="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= title=>
</head>
  href="datei.css"
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= shape= coords=>Text</a>
</object>
  href= (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=> 
src="datei.*"
 Beschreibung
Multimedia
Netscape-Syntax
Optionen
<embed src= width= height=> 
<embed src= autostart=> 
<embed src= 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=> 
src="datei.avi"
 Beschreibung
Multimedia
Videos
Microsoft-Syntax
Optionen
<img dynsrc= loop=> 
<img dynsrc= width= height=> 
<img dynsrc= src=> 
<img start= src=> 
<img dynsrc= controls> 
loop=[true/Anzahl] (Wiederholung)
width=[Pixel] (Anzeigebreite)
height=[Pixel] (Anzeigehöhe)
src="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=> 
<param name= value=> 
</applet> 
code="datei.class"
alt="Alternativtext"
src="datei.java"
name= (Parametername)
value= (Parameterwert)
 Beschreibung
Multimedia
Java-Applets
nach Sun-Syntax
einbinden
<app class= src=> 
  class="Datei" (ohne .class)
src="datei.java"
 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=> 
Inhalt
</layer>

<ilayer ... background=> 
Inhalt
</ilayer>
background="datei.gif"
 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