File: html.htm

package info (click to toggle)
selfhtml 8.1.2-1
links: PTS
area: non-free
in suites: bullseye, buster, jessie, jessie-kfreebsd, squeeze, stretch, wheezy
size: 28,076 kB
ctags: 4,161
sloc: xml: 614; java: 375; makefile: 8
file content (2460 lines) | stat: -rw-r--r-- 111,087 bytes
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>SELFHTML: Navigationshilfen / Kurzreferenz: HTML</title>
<link rel="stylesheet" type="text/css" href="../src/selfhtml.css">
<meta name="description"    content="Welche Sprachelemente zu HTML gehren - alles auf einen Blick.">
<meta name="keywords"        content="SELFHTML, HTML">
<meta name="author"          content="Redaktion SELFHTML, selfhtml81@selfhtml.org">
<meta name="robots"         content="noindex, nofollow">
<meta name="DC.Publisher"   content="SELFHTML e. V.">
<meta name="DC.Date"         content="2005-11-11T17:45:44+01:00">
<meta name="DC.Identifier"   content="http://de.selfhtml.org/navigation/html.htm">
<meta name="DC.Language"     content="de">
<meta name="DC.Rights"       content="../editorial/copyright.htm">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Version"    content="1">
<meta name="SELF.Pagetype"   content="page">
<link rel="alternate" type="application/atom+xml" title="SELFHTML-Weblog (Atom, gesamt)" href="http://aktuell.de.selfhtml.org/weblog/atom-feed">
<link rel="alternate" type="application/rss+xml" title="SELFHTML-Weblog (RSS, Auszge)" href="http://aktuell.de.selfhtml.org/weblog/rss-feed">
<link rel="shortcut icon" type="image/x-icon" href="../src/favicon.ico">
<link rel="author" title="Impressum" href="../editorial/impressum.htm">
<link rel="contents" title="Inhaltsverzeichnis" href="inhalt.htm">
<link rel="index" title="Stichwortverzeichnis" href="stichwort.htm">
<link rel="search" title="Suche" href="suche/index.htm">
<link rel="help" title="Hilfe" href="../editorial/index.htm">
<link rel="copyright" title="Urheberrecht" href="../editorial/copyright.htm">
<link rel="top" title="SELFHTML" href="../index.htm">
<link rel="up" title="Navigationshilfen" href="index.htm">
<link rel="next" title="Kurzreferenz: CSS" href="css.htm">
<link rel="prev" title="Hufig gestellte Fragen" href="faq.htm">
</head>
<body>

<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td colspan="2" class="nav"><a class="an" name="top"><img src="../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../index.htm">SELFHTML</a> <img src="../src/refkap.gif" width="16" height="13" alt="Teil von">&nbsp;<a href="index.htm">Navigationshilfen</a></td>
</tr>
<tr>
<td class="doc" width="110"><a href="../index.htm"><img src="../src/logo.gif" width="106" height="109" border="0" alt="SELFHTML"></a></td>
<td class="docbot" width="100%"><h1 class="ph1">Kurzreferenz: HTML</h1></td>
</tr>
<tr>
<td class="doctop">
<img src="../src/dokx.gif" width="30" height="20" vspace="6" alt="Informationsseite">
</td>
<td valign="top" nowrap="nowrap">
<p>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#hinweis">Hinweis</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#grundgeruest">HTML-Grundgerst</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#kopfdaten">HTML-Kopfdaten</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#dateiweit">Dateiweite Einstellungen</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#text">Elemente zur Textstrukturierung</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#tabellen">Tabellen</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#verweise">Verweise (Links)</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#grafiken">Grafiken</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#formulare">Formulare</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#frames">Frames</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#multimedia">Multimediaobjekte</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#layer">Layer (Netscape)</a><br>
<img src="../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#transit">Weiterfhrende HTML-Elemente</a><br>
<img src="../src/kap.gif" width="15" height="13" alt="Kapitel">&nbsp;<a href="../html/referenz/index.htm">HTML-Referenz</a><br>
</p>
</td>
</tr><tr><td colspan="2" class="doc">&nbsp;<a href="#bottom"><img src="../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a>&nbsp;</td></tr>
</table>



<h2><a class="an" name="hinweis">Hinweis</a></h2>

<p>Die HTML-Kurzreferenz ist <b>nicht</b> fr Anfnger geeignet! Die Kurzreferenz richtet sich an Anwender, die sich mit HTML auskennen und eine allgemeine Syntax-bersicht fr wichtige und praxisrelevante Sprachbestandteile haben wollen (die Kurzreferenz erhebt keinen Anspruch auf Vollstndigkeit). Die Kurzreferenz eignet sich als Navigationshilfe. Von den Kurzbeschreibungen fhren Verweise vom Typ <img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a name="hier" href="#hier">Beschreibung</a> direkt zu den ausfhrlichen Beschreibungen innerhalb der Dokumentation.</p>



<p class="doc"><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></p>



<h2><a class="an" name="grundgeruest">HTML-Grundgerst</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>HTML Grundgerst</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"http://www.w3.org/TR/html4/loose.dtd"&gt;<br>
&lt;html&gt;<br>
&lt;head&gt;<br>
&lt;title&gt;Titel&lt;/title&gt;<br>
&lt;/head&gt;<br>
&lt;body&gt;<br>
&nbsp;&lt;!-- Inhalt der Datei --&gt;<br>
&lt;/body&gt;<br>
&lt;/html&gt;
</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Titel</code> einen aussagekrftigen Titel vergeben! Den gesamten sichtbaren Inhalt der Datei zwischen <code>&lt;body&gt;</code> und <code>&lt;/body&gt;</code> notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/allgemein/grundgeruest.htm#html">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Dokumenttyp-<br>Angaben</p>
</th>
<td class="code" nowrap="nowrap">
<p><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"http://www.w3.org/TR/html4/strict.dtd"&gt;</code></p>
<p><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"http://www.w3.org/TR/html4/loose.dtd"&gt;</code></p>
<p><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"http://www.w3.org/TR/html4/frameset.dtd"&gt;</code></p>
<p><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</code></p>
<p><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</code></p>
<p><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&gt;</code></p>
<p><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;</code></p>
<p><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"&gt;</code></p>
<p><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 2.0//EN"&gt;</code></p>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/allgemein/grundgeruest.htm#dokumenttyp">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Kommentare</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;!-- Dies ist ein Kommentar --&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Zum internen Auskommentieren von Inhalten oder Befehlen. Wird im Browser nicht angezeigt.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/allgemein/kommentare.htm#nicht_angezeigt">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;

<p class="doc"><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></p>



<h2><a class="an" name="kopfdaten">HTML-Kopfdaten</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>Meta-Angabe:<br>Autor</p>
</th>
<td class="code"  width="100%" nowrap="nowrap">
<code>&lt;meta name="author" content="Name"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Name</code> den Namen des Urhebers notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/meta.htm#beschreibung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Meta-Angabe:<br>Beschreibung</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;meta name="description" content="Text"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Text</code> eine Kurzbeschreibung des Inhalts notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/meta.htm#beschreibung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Meta-Angabe:<br>Stichwrter</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;meta name="keywords" content="Wort, Wort, Wort"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Wort</code> je ein Stichwort zum Inhalt notieren. Anzahl ist flexibel. Stichwrter durch Kommata trennen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/meta.htm#beschreibung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Meta-Angabe:<br>Zeitstempel</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;meta name="date" content="yyyy-MM-ddThh:mm:ss+hh:mm"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><code>yyyy</code> = Jahr, <code>MM</code> = Monat, <code>dd</code> = Tag, <code>T</code> = fixer Buchstabe, <code>hh</code> = Stunden, <code>mm</code> = Minuten, <code>ss</code> = Sekunden, <code>+</code>/<code>-</code> = Abweichung gegenber Greenwich in Stunden und Minuten.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/meta.htm#beschreibung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Meta-Angabe:<br>Robots</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;meta name="robots" content="index|noindex|follow|nofollow"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Anweisung an Suchmaschinen:<br>
<code>index</code> = Auslesen erlaubt,<br>
<code>noindex</code> = Auslesen nicht erlaubt,<br>
<code>follow</code> = Verweisen folgen erlaubt,<br>
<code>nofollow</code> = Verweisen folgen nicht erlaubt.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/meta.htm#robots">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Meta-Angabe:<br>Zeichenkodierung</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;meta http-equiv="content-type" content="text/html; charset=Kodierung"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Kodierung</code> so etwas wie <code>ISO-8859-1</code> notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/meta.htm#zeichenkodierung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Meta-Angabe:<br>Stylesprache</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;meta http-equiv="Content-Style-Type" content="MIME-Typ"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>MIME-Typ</code> so etwas wie <code>text/css</code> notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/meta.htm#script_style">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Meta-Angabe:<br>Script-Sprache</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;meta http-equiv="Content-Script-Type" content="MIME-Typ"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>MIME-Typ</code> so etwas wie <code>text/javascript</code> notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/meta.htm#script_style">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Meta-Angabe:<br>Originaladresse</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;meta http-equiv="expires" content="0"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Zeitpunkt angeben, ab dem von Originaladresse geladen werden soll. <code>0</code> bedeutet: immer von Originaladresse laden (Proxy-Server ignorieren)<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/meta.htm#laden">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Meta-Angabe:<br>Weiterleitung</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;meta http-equiv="refresh" content="0; URL=URI"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Angeben, wann und welche Adresse automatisch geladen werden soll. <code>0</code> bedeutet: sofort (Angabe bedeutet Verzgerung in Sekunden).<br>
Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad angeben, das nach der angegebenen Zeit automatisch geladen werden soll.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/meta.htm#weiterleitung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Adressbasis</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;base href="URI"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad angeben, das als Basis fr relative Adressierung dienen soll.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/basis.htm#adresse">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zielfensterbasis</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;base target="Name"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Standardzielfenster fr Verweise bei Frames, bei Verweisen selbst ist dann keine Angabe zu <code>target</code> mehr erforderlich. Fr <code>Name</code> den gewnschten Fensternamen angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/basis.htm#zielfenster">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Logische<br>Beziehungen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;link rel="Beziehung" title="Titel" href="URI"&gt;<br>
&lt;link rev="Beziehung" title="Titel" href="URI"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">
<code>rel</code> steht fr Beziehung, <code>rev</code> fr Rckbeziehung.<br>
Fr <code>Beziehung</code> einen der folgenden Werte notieren:<br>
<code>contents</code> = Inhaltsverzeichnis<br>
<code>chapter</code> = Kapitel<br>
<code>section</code> = Abschnitt<br>
<code>subsection</code> = Unterabschnitt<br>
<code>index</code> = Stichwortverzeichnis<br>
<code>glossary</code> = Glossar<br>
<code>appendix</code> = Anhang<br>
<code>copyright</code> = rechtliche Hinweise<br>
<code>next</code> = nchste Seite<br>
<code>prev</code> = vorherige Seite<br>
<code>start</code> = Anfangsseite<br>
<code>help</code> = Hilfeseite<br>
<code>bookmark</code> = allgemeiner Orientierungspunkt<br>
<code>alternate</code> = andere Lesart<br>
<code>stylesheet</code> = externe Stylesheet-Datei einbinden<br>
Fr <code>Titel</code> einen Beschriftungstext notieren fr den Fall, dass die Angabe visuell erscheint.<br>
Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, die verknpft werden soll.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/kopfdaten/beziehungen.htm">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;


<p class="doc"><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></p>



<h2><a class="an" name="dateiweit">Dateiweite Einstellungen</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>Farben fr Text,<br>
Hintergrund und<br>
Verweise</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;body bgcolor="#XXXXXX" text="#XXXXXX"<br>
&nbsp;&nbsp;&nbsp;link="#XXXXXX" vlink="#XXXXXX" alink="#XXXXXX"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">
<code>bgcolor</code> = dateiweite Hintergrundfarbe,<br>
<code>text</code> = dateiweite Schriftfarbe,<br>
<code>link</code> = dateiweite Farbe fr Verweise zu noch nicht besuchten Zielen,<br>
<code>vlink</code> = dateiweite Farbe fr Verweise zu bereits besuchten Zielen,<br>
<code>alink</code> = dateiweite Farbe fr aktivierte Verweise.<br>
Fr <code>#XXXXXX</code> eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/dateiweit/farben.htm">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Hintergrundbild<br>
(Wallpaper)</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;body background="URI"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewnschten Grafikdatei angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/dateiweit/hintergrundbild.htm">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;


<p class="doc"><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></p>



<h2><a class="an" name="text">Elemente zur Textstrukturierung</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>berschriften</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;h[1-6]&gt;Text&lt;/h[1-6]&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Sechs berschriftenebenen sind erlaubt, also z.B. <code>&lt;h1&gt;Text&lt;/h1&gt;</code>.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/ueberschriften.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>berschriften<br>ausrichten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;h[1-6] align="Ausrichtung"&gt;Text&lt;/h[1-6]&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">
Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>left</code> = linksbndig,<br>
<code>center</code> = zentriert,<br>
<code>right</code> = rechtsbndig,<br>
<code>justify</code> = Blocksatz.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/ueberschriften.htm#ausrichten">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Textabstze</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;p&gt;Text&lt;/p&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/absaetze.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Textabstze<br>ausrichten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;p align="Ausrichtung"&gt;Text&lt;/p&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>left</code> = linksbndig,<br>
<code>center</code> = zentriert,<br>
<code>right</code> = rechtsbndig,<br>
<code>justify</code> = Blocksatz.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/absaetze.htm#ausrichten">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zeilenumbruch<br>erzwingen</p>
</th>
<td class="code" nowrap="nowrap">
<code>Text alte Zeile&lt;br&gt;Text neue Zeile</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/zeilenumbruch.htm#erzwingen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Aufzhlungslisten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;ul&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;/ul&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/listen.htm#aufzaehlung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Bullet-Typ fr<br>Aufzhlungslisten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;ul type="Typ"&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;/ul&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Typ</code> einen der folgenden Werte notieren:<br>
<code>circle</code> = Kreis/Punkt,<br>
<code>disc</code> = Scheibe/Dateisymbol,<br>
<code>square</code> = Quadrat.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/listen.htm#html_eigenschaften">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Nummerierte Listen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;ol&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;/ol&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/listen.htm#nummeriert">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Nummerierte Listen<br>alphabetisch<br>oder rmisch</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;ol type="Typ"&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;/ol&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Typ</code> einen der folgenden Werte notieren:<br>
<code>a</code> = fr klein alphabetisch,<br>
<code>A</code> = fr gro alphabetisch,<br>
<code>i</code> = fr klein rmisch,<br>
<code>I</code> = fr gro rmisch.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/listen.htm#html_eigenschaften">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Nummerierung<br>beeinflussen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;ol start="Startwert"&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;li value="Fortsetzungswert"&gt;Listeneintrag&lt;/li&gt;<br>
&lt;/ol&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Startwert</code> die Zahl mit dem gewnschten Startwert notieren,<br>
fr <code>Fortsetzungswert</code> die Zahl mit dem gewnschten Fortsetzungswert innerhalb der Liste.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/listen.htm#html_eigenschaften">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Definitionslisten<br>(Glossarlisten)</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;dl&gt;<br>
&lt;dt&gt;Zu definierender Ausdruck&lt;/dt&gt;<br>
&lt;dd&gt;Definition des Ausdrucks&lt;/dd&gt;<br>
&lt;/dl&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/listen.htm#definition">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Menlisten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;menu&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;/menu&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/listen.htm#verzeichnis_menue">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Verzeichnislisten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;dir&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;li&gt;Listeneintrag&lt;/li&gt;<br>
&lt;/dir&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/listen.htm#verzeichnis_menue">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Listendarstellung<br>kompakt</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;ul compact&gt; &lt;!-- Listeninhalt --&gt; &lt;/ul&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Ebenso bei <code>ol</code>, <code>menu</code> und <code>dir</code> mglich.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/listen.htm#html_eigenschaften">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zitate</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;blockquote&gt;Text&lt;/blockquote&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/zitate_adressen.htm#zitate">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zitate mit<br>
URI-Quellenangabe</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;blockquote cite="URL"&gt;Text&lt;/blockquote&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit der Quelle angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/zitate_adressen.htm#uri_angabe">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Adressen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;address&gt;Text&lt;/address&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/zitate_adressen.htm#adressen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Prformatierter<br>Text</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;pre&gt;Text&lt;/pre&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/praeformatiert.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Breite eines<br>prformatierten<br>Textes</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;pre width="Breite"&gt;Text&lt;/pre&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Breite</code> die gewnschte Zahl der Zeichen pro Zeile angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/praeformatiert.htm#breite">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Logische<br>Textauszeichnung<br>(inline)</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;em&gt;betont&lt;/em&gt;<br>
&lt;strong&gt;stark betont&lt;/strong&gt;<br>
&lt;code&gt;Quellcode&lt;/code&gt;<br>
&lt;samp&gt;Beispiel&lt;/samp&gt;<br>
&lt;kbd&gt;Tastatureingabe&lt;/kbd&gt;<br>
&lt;var&gt;Variable&lt;/var&gt;<br>
&lt;cite&gt;Quelle des Zitats&lt;/cite&gt;<br>
&lt;dfn&gt;Definition&lt;/dfn&gt;<br>
&lt;abbr&gt;abgekrzte Schreibweise&lt;/abbr&gt;<br>
&lt;acronym&gt;Abkrzung&lt;/acronym&gt;<br>
&lt;q&gt;Zitat&lt;/q&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/logisch.htm#elemente">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>nderungs-<br>markierungen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;ins&gt;eingefgter Text&lt;/ins&gt;<br>
&lt;del&gt;gelschter Text&lt;/del&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/logisch.htm#aenderungsmarkierung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>nderungs-<br>markierungen<br>
mit Zeitstempel</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;ins datetime="yyyy-MM-ddThh:mm:ss+hh:mm"&gt;eingefgter Text&lt;/ins&gt;<br>
&lt;del datetime="yyyy-MM-ddThh:mm:ss+hh:mm"&gt;gelschter Text&lt;/del&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><code>yyyy</code> = Jahr, <code>MM</code> = Monat, <code>dd</code> = Tag, <code>T</code> = fixer Buchstabe, <code>hh</code> = Stunden, <code>mm</code> = Minuten, <code>ss</code> = Sekunden, <code>+</code>/<code>-</code> = Abweichung gegenber Greenwich in Stunden und Minuten.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/logisch.htm#aenderungsmarkierung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Textrichtung</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;bdo dir="Richtung"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Richtung</code> einen der folgenden Werte notieren:<br>
<code>rtl</code> = fr rechts nach links,<br>
<code>ltr</code> = fr links nach rechts.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/logisch.htm#textrichtung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Physische<br>Textauszeichnung<br>(inline)</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;b&gt;fett&lt;/b&gt;<br>
&lt;i&gt;kursiv&lt;/i&gt;<br>
&lt;tt&gt;dicktengleich (Teletyper)&lt;/tt&gt;<br>
&lt;u&gt;unterstrichen&lt;/u&gt;<br>
&lt;strike&gt;durchgestrichen&lt;/strike&gt;<br>
&lt;s&gt;durchgestrichen&lt;/s&gt;<br>
&lt;big&gt;grer als normal&lt;/big&gt;<br>
&lt;small&gt;kleiner als normal&lt;/small&gt;<br>
&lt;sup&gt;hochgestellt&lt;/sup&gt;<br>
&lt;sub&gt;tiefgestellt&lt;/sub&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/physisch.htm#elemente">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Allgemeines<br>Block-Element</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;div&gt;verschiedene HTML-Elemente&lt;/div&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">z.B. fr CSS-Formatierungen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/bereiche.htm#block">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Allgemeines<br>Block-Element<br>mit Ausrichtung</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;div align="Ausrichtung"&gt;verschiedene HTML-Elemente&lt;/div&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>left</code> = linksbndig,<br>
<code>center</code> = zentriert,<br>
<code>right</code> = rechtsbndig,<br>
<code>justify</code> = Blocksatz.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/bereiche.htm#block">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Allgemeines<br>Block-Element<br>zentriert</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;center&gt;verschiedene HTML-Elemente&lt;/center&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/bereiche.htm#block_zentriert">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Allgemeines<br>Inline-Element</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;span&gt;Text&lt;/span&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">z.B. fr fr CSS-Formatierungen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/bereiche.htm#inline">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Trennlinien</p>
</th>
<td class="code" nowrap="nowrap">
<code>Text davor<br>
&lt;hr&gt;<br>
Text danach</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/trennlinien.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Trennlinien-<br>Eigenschaften</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;hr width="Breite" size="Hhe" align="Ausrichtung"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Breite</code> eine Zahl wie z.B. <code>300</code> fr Anzahl Pixel oder einen Prozentwert wie z.B. <code>50%</code> angeben.<br>
Fr <code>Hhe</code> eine Zahl wie z.B. <code>5</code> fr Anzahl Pixel angeben.<br>
Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>left</code> = linksbndig,<br>
<code>center</code> = zentriert,<br>
<code>right</code> = rechtsbndig.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/trennlinien.htm#gestalten_html">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Schriftformatierung</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;font size="Gre"&gt;Text&lt;/font&gt;<br>
&lt;font color="#XXXXXX"&gt;Text&lt;/font&gt;<br>
&lt;font face="Schriftart"&gt;Text&lt;/font&gt;<br>
&lt;basefont size="Gre"&gt;<br>
nachfolgender Inhalt<br>
&lt;basefont color="#XXXXXX"&gt;<br>
nachfolgender Inhalt<br>
&lt;basefont face="Schriftart"&gt;<br>
nachfolgender Inhalt</code>
</td>
</tr><tr>
<td class="tabxpl">
<code>font</code> fr Inline-Auszeichnung verwenden,<br>
<code>basefont</code> als Auszeichnung fr alle nachfolgenden Inhalte.<br>
<code>size</code> = Schriftgre,<br>
<code>color</code> = Schriftfarbe,<br>
<code>face</code> = Schriftart.<br>
Fr <code>Gre</code> einen Wert von <code>1</code> (sehr klein) bis <code>7</code> (sehr gro) notieren - <code>3</code> ist normal.<br>
Oder einen relativen Wert wie z.B. <code>+1</code>, <code>+2</code> usw. fr grer, oder <code>-1</code>, <code>-2</code> usw. fr kleiner.<br>
Fr <code>#XXXXXX</code> eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.<br>
Fr <code>Schriftart</code> den Namen einer oder mehrerer (alternativer) Schriftarten angeben, mehrere Schriftarten durch Kommata trennen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/text/schrift.htm#art_groesse_farbe">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;


<p class="doc"><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></p>



<h2><a class="an" name="tabellen">Tabellen</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>Tabellenaufbau</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;table border="Dicke"&gt;<br>
&lt;tr&gt;<br>
&lt;th&gt;Kopfzelle&lt;/th&gt;<br>
&lt;th&gt;Kopfzelle&lt;/th&gt;<br>
&lt;/tr&gt;<br>
&lt;tr&gt;<br>
&lt;td&gt;Datenzelle&lt;/td&gt;<br>
&lt;td&gt;Datenzelle&lt;/td&gt;<br>
&lt;/tr&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">
Tabelle mit sichtbaren Gitternetzlinien durch Angabe von <code>border</code> im einleitenden Tabellen-Tag, durch Weglassen wird die Tabelle eine blinde Tabelle.<br>
Fr <code>Dicke</code> eine Zahl wie z.B. <code>3</code> fr Anzahl Pixel der Dicke des Auenrahmens angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/aufbau.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Spalten<br>vordefinieren</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;table &gt;<br>
&lt;colgroup&gt;<br>
&lt;col width="Breite" span="Anzahl"&gt;<br>
&lt;col&gt;<br>
&lt;/colgroup&gt;<br>
&lt;tr&gt;<br>
&lt;td&gt;Zelle&lt;/td&gt;<br>
&lt;td&gt;Zelle&lt;/td&gt;<br>
&lt;/tr&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Mit <code>&lt;col&gt;</code>-Tags so viele Spalten vordefinieren wie die Tabelle hat. Gruppieren mit <code>colgroup</code>-Elementen.<br>
<code>width</code> = Spaltenbreite (optionale Angabe).<br>
Fr <code>Breite</code> eine Zahl wie z.B. <code>100</code> fr Pixel angeben,<br>
oder einen Prozentwert wie z.B. <code>20%</code>,<br>
oder eine Relation zu anderen Spalten (z.B. <code>4*</code> = 4 Anteile an der Summe so definierter Anteile in den anderen Spalten).<br>
<code>span</code> = Angabe zur Breite gilt fr so viele Spalten in Folge wie angegeben.<br>
Fr <code>Anzahl</code> eine Zahl wie z.B. <code>3</code> fr die Anzahl Spalten angeben, fr die die Angaben gelten sollen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/aufbau.htm#vordefinieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Kopf, Fu<br>und Krper<br>einer Tabelle</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;table&gt;<br>
&lt;thead&gt;<br>
&lt;!--Tabellenzeilen--&gt;<br>
&lt;/thead&gt;<br>
&lt;tfoot&gt;<br>
&lt;!--Tabellenzeilen--&gt;<br>
&lt;/tfoot&gt;<br>
&lt;tbody&gt;<br>
&lt;!--Tabellenzeilen--&gt;<br>
&lt;/tbody&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">In dieser Reihenfolge notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/aufbau.htm#kopf_koerper_fuss">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zellenabstand und<br>Zelleninnenabstand</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;table cellspacing="Abstand" cellpadding="Innenabstand"&gt;<br>
&lt;!-- Tabelleninhalt --&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">
<code>cellspacing</code> = Abstand der Zellen untereinander,<br>
<code>cellpadding</code> = Innenabstand von Zellenrand zu Zelleninhalt.<br>
Fr <code>Abstand</code> und <code>Innenabstand</code> Zahlen wie z.B. <code>5</code> und <code>10</code> fr die Anzahl der gewnschten Pixel angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/gestaltung.htm#abstand">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Regeln fr<br>Auenrahmen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;table border="Dicke" frame="Typ"&gt;<br>
&lt;!-- Tabelleninhalt --&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Rahmendicke angeben, damit ein Auenrahmen sichtbar ist.<br>
Fr <code>Dicke</code> eine Zahl wie z.B. <code>3</code> fr Anzahl Pixel der Dicke des Auenrahmens angeben.<br>
Fr <code>Typ</code> einen der folgenden Werte notieren:<br>
<code>box</code> = Rahmen rundum,<br>
<code>above</code> = Rahmen nur oben,<br>
<code>below</code> = Rahmen nur unten,<br>
<code>hsides</code> = Rahmen nur oben und unten.<br>
<code>vsides</code> = Rahmen nur links und rechts.<br>
<code>lhs</code> = Rahmen nur links.<br>
<code>rhs</code> = Rahmen nur rechts.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/gestaltung.htm#regeln_rahmen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Regeln fr<br>Gitternetzlinien</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;table border="Dicke" rules="Typ"&gt;<br>
&lt;!-- Tabelleninhalt --&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Rahmendicke angeben, damit Auenrahmen und Gitternetz sichtbar sind.<br>
Fr <code>Dicke</code> eine Zahl wie z.B. <code>3</code> fr Anzahl Pixel der Dicke des Auenrahmens angeben.<br>
Fr <code>Typ</code> einen der folgenden Werte notieren:<br>
<code>none</code> = keine Gitternetzlinien,<br>
<code>rows</code> = Linien nur zwischen Tabellenzeilen,<br>
<code>cols</code> = Linien nur zwischen Tabellenspalten,<br>
<code>groups</code> = Linien nur zwischen Kopf, Krper und Fu,<br>
<code>all</code> = komplettes Gitternetz (Normaleinstellung).<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/gestaltung.htm#regeln_gitternetz">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Breiten- und<br>Hhenangaben</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;table width="Breite"&gt;<br>
&lt;tr&gt;<br>
&lt;th width="Breite" height="Hhe"&gt;Kopfzelle&lt;/th&gt;<br>
&lt;th&gt;Kopfzelle&lt;/th&gt;<br>
&lt;/tr&gt;<br>
&lt;tr&gt;<br>
&lt;td&gt;Datenzelle&lt;/td&gt;<br>
&lt;td width="Breite" height="Hhe"&gt;Datenzelle&lt;/td&gt;<br>
&lt;/tr&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">
<code>width</code> = Breite,<br>
<code>height</code> = Hhe.<br>
Breite der gesamten Tabelle im einleitenden <code>&lt;table&gt;</code>-Tag angeben,<br>
Breite einer Spalte in einem der einleitenden <code>&lt;th&gt;</code>- oder <code>&lt;td&gt;</code>-Tags der Spalte,<br>
und Hhe einer Tabellenzeile in einem der einleitenden <code>&lt;th&gt;</code>- oder <code>&lt;td&gt;</code>-Tags der Zeile.<br>
Fr <code>Breite</code> eine Zahl wie z.B. <code>100</code> fr Pixel angeben,<br>
oder einen Prozentwert wie z.B. <code>20%</code>.<br>
Fr <code>Hhe</code> eine Zahl wie z.B. <code>50</code> fr Pixel angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/gestaltung.htm#breiten_hoehen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zeilenumbruch<br>in Zellen<br>verhindern</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;th nowrap&gt;Kopfzelle&lt;/th&gt;<br>
&lt;td nowrap&gt;Datenzelle&lt;/td&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/gestaltung.htm#zeilenumbruch">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zellen horizontal<br>ausrichten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;th align="Ausrichtung"&gt;Kopfzelle&lt;/th&gt;<br>
&lt;td align="Ausrichtung"&gt;Datenzelle&lt;/td&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>left</code> = linksbndig,<br>
<code>center</code> = zentriert,<br>
<code>right</code> = rechtsbndig,<br>
<code>justify</code> = Blocksatz,<br>
<code>char</code> = um Dezimalzeichen. In diesem Fall <code>char</code> als zustzliches Attribut notieren und als Wert ein Dezimalzeichen wie Komma zuweisen (<code>char=","</code>). Mit einem weiteren Attribut <code>charoff</code> gegebenenfalls angeben, an welcher Position das Dezimalzeichen frhestens vorkommen kann (z.B. <code>charoff="10"</code>).<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/gestaltung.htm#ausrichtung_zellen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zellen vertikal<br>ausrichten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;th valign="Ausrichtung"&gt;Kopfzelle&lt;/th&gt;<br>
&lt;td valign="Ausrichtung"&gt;Datenzelle&lt;/td&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>top</code> = obenbndig,<br>
<code>middle</code> = mittig,<br>
<code>bottom</code> = untenbndig,<br>
<code>baseline</code> = an gemeinsamer Basislinie, sodass erste Textzeile immer auf gleicher Hhe beginnt.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/gestaltung.htm#ausrichtung_zellen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Hintergrundfarbe</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;table bgcolor="#XXXXXX"&gt;<br>
&lt;tr bgcolor="#XXXXXX"&gt;<br>
&lt;th bgcolor="#XXXXXX"&gt;Kopfzelle&lt;/th&gt;<br>
&lt;td bgcolor="#XXXXXX"&gt;Datenzelle&lt;/td&gt;<br>
&lt;/tr&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">
Fr <code>#XXXXXX</code> eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/gestaltung.htm#hintergrund">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Hintergrundbild<br>
(Wallpaper)</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;table background="URI"&gt;<br>
&lt;tr background="URI"&gt;<br>
&lt;th background="URI"&gt;Kopfzelle&lt;/th&gt;<br>
&lt;td background="URI"&gt;Datenzelle&lt;/td&gt;<br>
&lt;/tr&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewnschten Grafikdatei angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/gestaltung.htm#hintergrund">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zellen<br>verbinden</p>
</th>
<td class="code" nowrap="nowrap">
<code>
&lt;th rowspan="Zeilen"&gt;Kopfzelle&lt;/th&gt;<br>
&lt;td rowspan="Zeilen"&gt;Datenzelle&lt;/td&gt;<br>
&lt;th colspan="Spalten"&gt;Kopfzelle&lt;/th&gt;<br>
&lt;td colspan="Spalten"&gt;Datenzelle&lt;/td&gt;<br>
&lt;th rowspan="Zeilen" colspan="Spalten"&gt;Kopfzelle&lt;/th&gt;<br>
&lt;td rowspan="Zeilen" colspan="Spalten"&gt;Datenzelle&lt;/td&gt;<br>
</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Zeilen</code> eine Zahl wie z.B. <code>3</code> angeben, um festzulegen, ber wie viele Zeilen sich die Zelle erstrecken soll.<br>
Fr <code>Spalten</code> eine Zahl wie z.B. <code>3</code> angeben, um festzulegen, ber wie viele Spalten sich die Zelle erstrecken soll.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/zellen_verbinden.htm">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Tabellen-<br>Beschriftung</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;table&gt;<br>
&lt;caption align="Ausrichtung"&gt;Text&lt;/caption&gt;<br>
&lt;tr&gt;<br>
&lt;td&gt;Zelle&lt;/td&gt;<br>
&lt;td&gt;Zelle&lt;/td&gt;<br>
&lt;/tr&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Das <code>caption</code>-Element unmittelbar hinter dem einleitenden <code>&lt;table&gt;</code>-Tag notieren. Das Attribut zur Ausrichtung (<code>align</code>) ist optional.<br>
Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>left</code> = Tabellenbeschriftung seitlich links der Tabelle,<br>
<code>right</code> = Tabellenbeschriftung seitlich rechts der Tabelle,<br>
<code>bottom</code> = Tabellenbeschriftung unter der Tabelle,<br>
<code>top</code> = Tabellenbeschriftung oberhalb der Tabelle (Normaleinstellung).<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/umgebung.htm#beschriftung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Tabellen<br>ausrichten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;table align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten"&gt;<br>
&lt;!-- Tabelleninhalt --&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">
Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>left</code> = Tabelle links ausrichten (nachfolgende Inhalte flieen rechts vorbei),<br>
<code>right</code> = Tabelle rechts ausrichten (nachfolgende Inhalte flieen links vorbei),<br>
<code>center</code> = Tabelle zentriert ausrichten.<br>
Fr <code>LinksRechts</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Tabelle zur Umgebung links und rechts zu bestimmen.<br>
Fr <code>ObenUnten</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Tabelle zur Umgebung oben und unten zu bestimmen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/umgebung.htm#ausrichtung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zusammenfassung<br>des<br>Tabelleninhalts</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;table summary="Text"&gt;<br>
&lt;!-- Tabelleninhalt --&gt;<br>
&lt;/table&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/tabellen/nicht_visuell.htm#zusammenfassung">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;


<p class="doc"><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></p>



<h2><a class="an" name="verweise">Verweise (Links)</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>Verweis definieren</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;a href="URI"&gt;Verweistext&lt;/a&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, das verlinkt werden soll.<br>
<code>URI</code> kann sein:<br>
Anker in der gleichen Datei (z.B. <code>#Ankername</code>)<br>
Andere Datei (z.B. <code>datei.htm</code>)<br>
Andere Datei in anderem Verzeichnis (z.B. <code>../verzeichnis/datei.htm</code>)<br>
Anker in der anderer Datei (z.B. <code>datei.htm#Ankername</code>)<br>
WWW-Adresse (<code>http://...</code>)<br>
Gopher-Adresse (<code>gopher://...</code>)<br>
FTP-Adresse (<code>ftp://...</code>)<br>
Telnet-Adresse (<code>telnet://...</code>)<br>
Newsgroup-Adresse (<code>news:...</code>)<br>
Absolute lokale Adresse (<code>file://...</code>)<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/verweise/definieren.htm">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Anker definieren</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;a name="Ankername"&gt;[Inhalt]&lt;/a&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Ankername</code> einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/verweise/projektintern.htm#anker">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zielfenster fr<br>Verweise</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;a href="URI" target="Zielfenster"&gt;Verweistext&lt;/a&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Zielfenster</code> den Namen eines definierten Frame-Fensters angeben oder einen der folgenden reservierten Namen:<br>
<code>_blank</code> = Verweis in neuem Fenster ffnen,<br>
<code>_self</code> = Verweis im gleichen Fenster ffnen,<br>
<code>_parent</code> = aktuelles Frameset beim Ausfhren des Verweises sprengen,<br>
<code>_top</code> = alle Framesets beim Ausfhren des Verweises sprengen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/verweise/definieren.htm#zielfenster">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>E-Mail-Verweise</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;a href="mailto:beispiel@example.org"&gt;Verweistext&lt;/a&gt;</code><br>
<code>&lt;a href="mailto:beispiel@example.org?subject=Thema"&gt;Verweistext&lt;/a&gt;</code><br>
<code>&lt;a href="mailto:beispiel@example.org?cc=name2@example.net"&gt;Verweistext&lt;/a&gt;</code><br>
<code>&lt;a href="mailto:beispiel@example.org?bcc=name2@example.net"&gt;Verweistext&lt;/a&gt;</code><br>
<code>&lt;a href="mailto:beispiel@example.org?body=Text"&gt;Verweistext&lt;/a&gt;</code><br>
<code>&lt;a href="mailto:beispiel@example.org?Zusatz1&amp;amp;Zusatz2"&gt;Verweistext&lt;/a&gt;</code><br>
</td>
</tr><tr>
<td class="tabxpl">
Auf Wunsch vorbelegtes Thema (<code>subject</code>), sichtbaren Kopienempfnger (<code>cc</code>), unsichtbaren Kopienempfnger (<code>bcc</code>) oder vorbelegten Text (<code>body</code>) angeben. Mehrere solcher Zusatzangaben kombinieren wie im Schema mit <code>?Zusatz1&amp;amp;Zusatz2</code>.<br>
In den Angaben Zeichen mit Zeichenwerten grer 127 hexadezimal maskieren, z.B. <code>%FC</code> fr <code>252</code> (""). Ebenso einige Standardzeichen, die in URIs Bedeutung haben knnen, maskieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/verweise/email.htm">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Logische<br>Beziehungen<br>zum Verweisziel</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;a href="URI" rel="Beziehung"&gt;Verweistext&lt;/a&gt;<br>
&lt;a href="URI" rev="Beziehung"&gt;Verweistext&lt;/a&gt;<br>
</code>
</td>
</tr><tr>
<td class="tabxpl">
<code>rel</code> steht fr Beziehung, <code>rev</code> fr Rckbeziehung.<br>
Fr <code>Beziehung</code> einen der folgenden Werte notieren:<br>
<code>contents</code> = Inhaltsverzeichnis<br>
<code>chapter</code> = Kapitel<br>
<code>section</code> = Abschnitt<br>
<code>subsection</code> = Unterabschnitt<br>
<code>index</code> = Stichwortverzeichnis<br>
<code>glossary</code> = Glossar<br>
<code>appendix</code> = Anhang<br>
<code>copyright</code> = rechtliche Hinweise<br>
<code>next</code> = nchste Seite<br>
<code>prev</code> = vorherige Seite<br>
<code>start</code> = Anfangsseite<br>
<code>help</code> = Hilfeseite<br>
<code>bookmark</code> = allgemeiner Orientierungspunkt<br>
<code>alternate</code> = andere Lesart<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/verweise/typisierte.htm#beziehung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Sprache und<br>Zeichenkodierung<br>des Verweisziels</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;a href="URI" hreflang="Sprachenkrzel"<br>
charset="Kodierung"&gt;Verweistext&lt;/a&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Sprachenkrzel</code> so etwas wie <code>de</code>, <code>en</code>, <code>fr</code>,
und fr <code>Kodierung</code> so etwas wie <code>ISO-8859-1</code> notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/verweise/typisierte.htm#sprache_zeichenkodierung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Tabulator-Reihenfolge</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;a href="URI" tabindex="Indexnummer"&gt;Verweistext&lt;/a&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Bei jedem Verweis fr <code>Indexnummer</code> eine Zahl notieren. Die niedrigste Nummer wird zuerst angesprungen, die hchste zuletzt.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/verweise/tastatur.htm#tabreihenfolge">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Tastaturkrzel</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;a href="URI" accesskey="Buchstabe"&gt;Verweistext&lt;/a&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Buchstabe</code> so etwas wie <code>h</code> oder <code>m</code> eingeben. Ausfhrbar meistens mit [Alt]-Taste plus dem angegebenen Buchstaben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/verweise/tastatur.htm#kuerzel">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;


<p class="doc"><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></p>



<h2><a class="an" name="grafiken">Grafiken</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>Grafiken einbinden</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;img src="URI" alt="Alternativtext"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewnschten Grafikdatei angeben.<br>
Fr <code>Alternativtext</code> einen Kurztext notieren fr den Fall, dass die Grafik nicht angezeigt werden kann.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/grafiken/einbinden.htm#referenz">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Breite und<br>Hhe der Grafik</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;img src="URI" alt="Alternativtext" width="Breite" height="Hhe"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Breite</code> und <code>Hhe</code> eine Zahl wie z.B. <code>100</code> fr Pixel angeben,<br>
oder einen Prozentwert wie z.B. <code>60%</code> fr Gre in Bezug auf Umgebung.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/grafiken/einbinden.htm#breite_hoehe">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Rahmen<br>um Grafik</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;img src="URI" alt="Alternativtext" border="Dicke"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Dicke</code> eine Zahl wie z.B. <code>3</code> fr die Rahmendicke in Pixeln notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/grafiken/einbinden.htm#rahmen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Namen<br>fr Grafik</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;img src="URI" alt="Alternativtext" name="Name"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Name</code> einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/grafiken/einbinden.htm#namen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Langbeschreibung<br>fr Grafik</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;img src="URI" alt="Alternativtext" longdesc="URI"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> bei <code>longdesc</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad einer Datei (z.B. HTML) mit Beschreibungen zur Grafik angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/grafiken/einbinden.htm#langbeschreibung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Grafiken<br>im Text<br>ausrichten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;img src="URI" alt="Alternativtext" align="Ausrichtung"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>top</code> = obenbndig mit Text davor oder danach,<br>
<code>middle</code> = mittig zu Text davor oder danach,<br>
<code>bottom</code> = untenbndig mit Text davor oder danach.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/grafiken/ausrichten.htm#zum_text">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Text um Grafik<br>flieen lassen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;img src="URI" alt="Alternativtext"<br> &nbsp;&nbsp;&nbsp;align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>left</code> = Grafik links ausrichten (nachfolgende Inhalte flieen rechts vorbei),<br>
<code>right</code> = Grafik rechts ausrichten (nachfolgende Inhalte flieen links vorbei),<br>
Fr <code>LinksRechts</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Grafik zur Umgebung links und rechts zu bestimmen.<br>
Fr <code>ObenUnten</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Grafik zur Umgebung oben und unten zu bestimmen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/grafiken/ausrichten.htm#textumfluss">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Verweis-sensitive<br>Grafik</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;img src="URI" alt="Alternativtext" usemap="#Mapname"&gt;<br>
&lt;map name="Mapname"&gt;<br>
&lt;area shape="Typ" coords="Koordinaten" href="URI"&gt;<br>
&lt;/map&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Bei <code>Mapname</code> beim <code>usemap</code>-Attribut des <code>&lt;img&gt;</code>-Tags und beim <code>name</code>-Attribut des <code>&lt;map&gt;</code>-Tags den gleichen Namen vergeben. Beim <code>usemap</code>-Attribut das Gatterzeichen <code>#</code> voranstellen.<br>
Bei <code>Typ</code> einen der folgenden Werte notieren:<br>
<code>rect</code> = viereckiger Bereich innerhalb der Grafik,<br>
<code>circle</code> = Kreisbereich,<br>
<code>poly</code> = vieleckiger Bereich (Polygon).<br>
Bei <code>Koordinaten</code> bei <code>rect</code> so etwas angeben wie <code>10,20,90,100</code> (10 ist Anfang Pixel von links, 20 Anfang oben, 90 Ende links, 100 Ende unten),<br>
bei <code>Koordinaten</code> bei <code>circle</code> so etwas angeben wie <code>100,150,50</code> (100 ist Kreismittelpunkt in Pixeln von links, 150 Kreismittelpunkt von oben, 50 der Kreisradius),<br>
und bei <code>Koordinaten</code> bei <code>poly</code> so etwas angeben wie <code>10,20,40,30,300,200</code> (10 ist erste Ecke links in Pixeln, 20 erste Ecke oben, 40 zweite Ecke links, 30 zweite Ecke oben, 300 dritte Ecke links, 200 dritte Ecke oben). Usw. beliebig viele Ecken.<br>
Bei <code>URI</code> beim <code>href</code>-Attribut das Verweisziel notieren, das mit dem verweis-sensitiven Bereich verknpft sein soll.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/grafiken/verweis_sensitive.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;


<p class="doc"><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></p>



<h2><a class="an" name="formulare">Formulare</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>Formular definieren</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;form action="URI" method="Methode" enctype="MIME-Typ"&gt;<br>
&lt;!-- Formularelemente und andere Elemente innerhalb des Formulars --&gt;<br>
&lt;/form&gt;<br>
</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, das die Daten verarbeiten soll.<br>
<code>URI</code> kann z.B. ein CGI-Script, eine HTML-Datei mit PHP-Code oder eine E-Mail-Adresse (<code>mailto:beispiel@example.org</code>) sein.<br>
Fr <code>Methode</code> entweder <code>get</code> oder <code>post</code> notieren (bei mailto-Formularen immer <code>post</code>)<br>
Fr <code>MIME-Typ</code> bei mailto-Formularen <code>text/plain</code> angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/definieren.htm#bereich">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zielfenster fr<br>Server-Antwort</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;form action="URI" method="Methode" target="Zielfenster"&gt;<br>
&lt;!-- Formularelemente und andere Elemente innerhalb des Formulars --&gt;<br>
&lt;/form&gt;<br>
</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Zielfenster</code> den Namen eines definierten Frame-Fensters angeben oder einen der folgenden reservierten Namen:<br>
<code>_self</code> = Antwort im gleichen Fenster ausgeben wie das Formular,<br>
<code>_parent</code> = aktuelles Frameset fr Antwort sprengen,<br>
<code>_top</code> = alle Framesets fr Antwort sprengen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/definieren.htm#zielfenster">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Zeichenkodierung<br>der Formulardaten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;form action="URI" method="Methode" accept-charset="Liste mit Kodierungen"&gt;<br>
&lt;!-- Formularelemente und andere Elemente innerhalb des Formulars --&gt;<br>
&lt;/form&gt;<br>
</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Liste mit Kodierungen</code> so etwas eingeben wie <code>ISO-8859-1 ISO-8859-2</code>.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/definieren.htm#zeichenkodierung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Einzeilige<br>Eingabefelder</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="text" size="Lnge" maxlength="MaxLnge" name="Name"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">
Fr <code>Lnge</code> die Anzeigebreite des Feldes in Zeichen notieren (optional).<br>
Fr <code>MaxLnge</code> die maximal eingebbare Anzahl Zeichen notieren (optional).<br>
Fr <code>Name</code> einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/eingabe.htm#felder">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Einzeilige<br>Eingabefelder<br>Textvorbelegung</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="text" value="Wert"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Wert</code> den Text der Vorbelegung notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/eingabe.htm#felder_vorbelegung">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Eingabefelder<br>fr Passwort</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="password" size="Lnge" maxlength="MaxLnge" name="Name"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/eingabe.htm#felder_passwort">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Mehrzeilige<br>Eingabefelder</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;textarea cols="Spalten" rows="Reihen" name="Elementname"&gt;<br>
Optionale Textvorbelegung<br>
&lt;/textarea&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Spalten</code> die Anzeigebreite des in Anzahl Zeichen pro Zeile notieren.<br>
Fr <code>Reihen</code> die Anzeigehhe in Zeilen notieren.<br>
Fr <code>Name</code> einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/eingabe.htm#bereiche">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Mehrzeilige<br>Eingabefelder<br>Umbruchkontrolle</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;textarea cols="Spalten" rows="Reihen" wrap="Umbruch"&gt;<br>
&lt;/textarea&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Kein HTML-Standard!<br>
Fr <code>Umbruch</code> einen der folgenden Werte notieren:<br>
<code>soft</code> = automatischer Zeilenumbruch nur bei Eingabe,<br>
<code>hard</code> = automatischer Zeilenumbruch bei Eingabe wird zu Zeilenumbrchen bei Formularversand,<br>
<code>virtual</code> = wie <code>soft</code>.<br>
<code>physical</code> = wie <code>hard</code>.<br>
<code>off</code> = kein automatischer Zeilenumbruch bei Eingabe.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/eingabe.htm#bereiche_umbruch">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Eingabefelder<br>nur lesen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="text" readonly value="Text nur lesbar"&gt;<br>&nbsp;<br>
&lt;textarea cols="Spalten" rows="Reihen" readonly&gt;<br>
Text nur lesbar<br>
&lt;/textarea&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/eingabe.htm#nurlesen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Auswahlliste</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;select size="Hhe" name="Name"&gt;<br>
&lt;option&gt;Eintrag&lt;/option&gt;<br>
&lt;option&gt;anderer Eintrag&lt;/option&gt;<br>
&lt;/select&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Hhe</code> eine Zahl wie <code>1</code> oder <code>10</code> notieren, um die Anzeigehhe der Liste (Anzahl gleichzeitig angezeigter Eintrge) zu bestimmen.<br>
Fr <code>Name</code> einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/auswahl.htm#listen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Auswahlliste<br>Mehrfachauswahl</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;select multiple size="Hhe"&gt;<br>
&lt;option&gt;Eintrag&lt;/option&gt;<br>
&lt;option&gt;anderer Eintrag&lt;/option&gt;<br>
&lt;/select&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Attribut <code>multiple</code>.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/auswahl.htm#listen_mehrfach">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Auswahlliste<br>mit Vorauswahl</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;select multiple size="Hhe"&gt;<br>
&lt;option&gt;Eintrag&lt;/option&gt;<br>
&lt;option selected&gt;anderer Eintrag&lt;/option&gt;<br>
&lt;/select&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Attribut <code>selected</code>,<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/auswahl.htm#listen_vorselektiert">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Absendewert von<br> Listeneintrgen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;select size="Hhe"&gt;<br>
&lt;option value="Wert"&gt;Eintrag&lt;/option&gt;<br>
&lt;option value="Wert"&gt;anderer Eintrag&lt;/option&gt;<br>
&lt;/select&gt;</code></td>
</tr><tr>
<td class="tabxpl">Fr <code>Wert</code> bei jedem Eintrag einen passenden Absendewert notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/auswahl.htm#listen_absendewert">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Menstruktur</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;select size="Hhe"&gt;<br>
&lt;optgroup label="Mentext"&gt;<br>
&lt;option&gt;Eintrag&lt;/option&gt;<br>
&lt;option&gt;anderer Eintrag&lt;/option&gt;<br>
&lt;/optgroup&gt;<br>
&lt;optgroup label="Mentext"&gt;<br>
&lt;option&gt;Eintrag&lt;/option&gt;<br>
&lt;option&gt;anderer Eintrag&lt;/option&gt;<br>
&lt;/optgroup&gt;<br>
&lt;/select&gt;</code></td>
</tr><tr>
<td class="tabxpl">Fr <code>Mentext</code> jeweils eine Beschriftung fr das Untermen notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/auswahl.htm#menuestruktur">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Radio-Buttons</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="radio" name="Name" value="Wert"&gt; Text</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Name</code> einen Namen notieren. Zusammengehrige Radio-Buttons erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
Fr <code>Wert</code> einen Text notieren, der beim Formularversand diesen Button bezeichnet.<br>
Fr <code>Text</code> einen sichtbaren Beschriftungstext notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/auswahl.htm#radiobuttons">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Checkboxen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="checkbox" name="Name" value="Wert"&gt; Text</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Name</code> einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
Fr <code>Wert</code> einen Text notieren, der beim Formularversand diese Checkbox bezeichnet.<br>
Fr <code>Text</code> einen sichtbaren Beschriftungstext notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/auswahl.htm#checkboxen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Eintrge<br>vorselektieren</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="radio" checked name="Name" value="Wert"&gt; Text<br>
&lt;input type="checkbox" checked name="Name" value="Wert"&gt; Text</code>
</td>
</tr><tr>
<td class="tabxpl">Attribut <code>checked</code>.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/auswahl.htm#checkboxen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Klick-Buttons (1)</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="button" name="Name" value="Beschriftung" onclick="Aktion"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Name</code> einen Namen
notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe,
sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>),
Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
Fr <code>Beschriftung</code> den Text notieren, der als Button-Beschriftung angezeigt wird.<br>
Fr <code>Aktion</code> z.B. eine JavaScript-Anweisung notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/klickbuttons.htm#herkoemmlich">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Klick-Buttons (2)</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;button type="button" name="Name"<br>
&nbsp;&nbsp;&nbsp;value="Wert" onclick="..."&gt;<br>
Beschriftung<br>
&lt;/button&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Name</code> einen Namen
notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe,
sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>),
Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
Der <code>Wert</code> kann fr interne Zwecke genutzt oder weggelassen werden, er wird nicht angezeigt.<br>
Fr <code>Beschriftung</code> die Anzeigeflche des Buttons gestalten, z.B. auch mit Grafiken und anderen HTML-Elementen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/klickbuttons.htm#modern">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Formularfeld<br>fr Datei-Upload</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="file" name="Name" maxlength="Gre" accept="MIME-Typ"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Name</code> einen Namen
notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe,
sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>),
Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
Fr <code>Gre</code> die maximale Byte-Gre der Datei angeben, z.B. <code>100000</code> (unzuverlssig!).<br>
Fr <code>MIME-Typ</code> so etwas notieren wie <code>text/*</code><br>
Wichtig: im <code>&lt;form&gt;</code>-Tag <code>enctype="multipart/form-data"</code> notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/datei_upload.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Versteckte<br>Elemente</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="hidden" name="Name" value="Wert"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Name</code> einen Namen
notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe,
sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>),
Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
Fr <code>Wert</code> einen Text notieren, der beim Formularversand mit bertragen, aber nicht angezeigt wird.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/versteckte.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Elemente<br>gruppieren</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;fieldset&gt;<br>
&lt;legend&gt;Gruppenberschrift&lt;/legend&gt;<br>
&lt;!-- Formularelemente --&gt;<br>
&lt;/fieldset&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/strukturieren.htm#gruppieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Label fr<br>Elemente</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;label for="idName"&gt;Beschriftung:&lt;/label&gt;<br>
&lt;[Formularelement] id="idName"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><code>idName</code> mssen beim <code>for</code>-Attribut des <code>&lt;label&gt;</code>-Tags und beim <code>id</code>-Attribut des zugehrigen Formularelements bereinstimmen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/strukturieren.htm#label">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Tabulator-Reihenfolge</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;[Formularelement] tabindex="Indexnummer"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Bei jedem Formularelement fr <code>Indexnummer</code> eine Zahl notieren. Die niedrigste Nummer wird zuerst angesprungen, die hchste zuletzt.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/tastatur.htm#tabreihenfolge">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Tastaturkrzel</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;[Formularelement] accesskey="Buchstabe"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Buchstabe</code> so etwas wie <code>h</code> oder <code>m</code> eingeben. Ausfhrbar meistens mit [Alt]-Taste plus dem angegebenen Buchstaben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/tastatur.htm#kuerzel">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Elemente<br>ausgrauen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;[Formularelement] disabled&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/tastatur.htm#elemente_ausgrauen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Buttons zum<br>Absenden/<br>Abbrechen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="submit" name="Name" value="Beschriftung"&gt;<br>
&lt;input type="reset" name="Name" value="Beschriftung"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Name</code> einen Namen notieren.<br>
Fr <code>Beschriftung</code> den jeweiligen Beschriftungstext des Buttons notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/formularbuttons.htm#herkoemmlich">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Grafischer<br>Absendebutton</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;input type="image" src="URI"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewnschten Grafikdatei angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/formulare/formularbuttons.htm#grafische">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;


<p class="doc"><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></p>



<h2><a class="an" name="frames">Frames</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>Framesets und<br>Frames</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;html&gt;&lt;head&gt;&lt;title&gt;Titel&lt;/title&gt;&lt;/head&gt;<br>
&lt;frameset cols="Spalten" rows="Reihen"&gt;<br>
&lt;frame src="URI" name="Name"&gt;<br>
  &lt;noframes&gt;<br>
  &lt;body&gt; <br>
    &lt;p&gt;Alternativ-Inhalt (Zusammenfassung, Sitemap ...)&lt;/p&gt;<br>
    &lt;p&gt;Wird angezeigt, wenn der Browser keine Frames anzeigen kann&lt;/p&gt;<br>
  &lt;/body&gt; <br>
  &lt;/noframes&gt;<br>
&lt;/frameset&gt;<br>
&lt;/html&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Anzeigefenster in Spalten (<code>cols</code>) oder Reihen (<code>rows</code>) aufteilen.<br>
Zwei oder mehrere Teile in Pixeln oder Prozent angeben, durch Kommata getrennt, z.B. <code>rows="60%,40%"</code>.<br>
Wildcard * erlaubt, z.B. <code>cols="200,*"</code>.<br>
Verschachtelung von Framesets mglich.<br>
Fr jedes entstehende Segment ein <code>&lt;frame&gt;</code>-Tag notieren.<br>
Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewnschten Datei angeben, die im Frame-Fenster angezeigt werden soll.<br>
Fr <code>Name</code> einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
Bereich mit <code>noframes</code>-Element notieren wie gezeigt. Inhalt wird nur angezeigt, wenn Browser keine Frames anzeigen kann. Inhalt kann HTML-Elemente enthalten.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/frames/definieren.htm">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Scrollbars<br>in Frames</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;frame src="URI" name="Name" scrolling="Option"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Option</code> einen der folgenden Werte angeben:<br>
<code>yes</code> = Scrollbars anzeigen,<br>
<code>no</code> = keine Scrollbars anzeigen (kein Scrollen mglich),<br>
<code>auto</code> = Scrollbars bei Bedarf anzeigen (Normaleinstellung).<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/frames/eigenschaften.htm#scrollbars">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Abstand/Rand zu<br>Fensterinhalt</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;frame src="URI" name="Name"<br>
&nbsp;&nbsp;&nbsp;marginwidth="LinksRechts" marginheight="ObenUnten"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>LinksRechts</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Frame-Rand zum Frame-Inhalt links und rechts zu bestimmen.<br>
Fr <code>ObenUnten</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Frame-Rand zu Frame-Inhalg oben und unten zu bestimmen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/frames/eigenschaften.htm#abstand">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Unvernderbare<br>Fenstergre</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;frame src="URI" name="Name" noresize&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Alle benachbarten Frames sind durch <code>noresize</code> mit betroffen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/frames/eigenschaften.htm#unveraenderbar">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Rahmendicke/<br>unsichtbare Rahmen</p>
</th>
<td class="code" nowrap="nowrap">
<code>
&lt;frame src="URI" name="Name" frameborder="Dicke"&gt;<br>
&lt;frameset [...]<br>
&nbsp;&nbsp;&nbsp;&nbsp;border="Dicke" frameborder="Dicke" framespacing="Abstand"&gt;
</code>
</td>
</tr><tr>
<td class="tabxpl">HTML-Standard erlaubt nur <code>border</code>-Attribut im <code>&lt;frame&gt;</code>-Tag. Browser interpretieren diese Angaben jedoch anders als HTML-Standard, nmlich im <code>&lt;frameset&gt;</code>-Tag. Fr unsichtbare Rahmen alle drei Werte fr <code>Dicke</code> auf <code>0</code> setzen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/frames/eigenschaften.htm#rahmen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Eingebettete<br>Frames</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;iframe src="URI" name="Name"<br>
&nbsp;&nbsp;&nbsp;width="Breite" height="Hhe"&gt;<br>
Inhalt bei Nichtanzeige<br>
&lt;/iframe&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewnschten Datei angeben, die im Frame-Fenster angezeigt werden soll.<br>
Fr <code>Name</code> einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
Fr <code>Breite</code> und <code>Hhe</code> eine Zahl wie z.B. <code>100</code> fr Pixel angeben,<br>
oder einen Prozentwert wie z.B. <code>60%</code> fr Gre in Bezug auf Umgebung.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/frames/eingebettete.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Eigenschaften<br>eingebetteter<br>Frames</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;iframe src="URI" name="Name"<br>
&nbsp;&nbsp;&nbsp;width="Breite" height="Hhe" scrolling="Option"<br>
&nbsp;&nbsp;&nbsp;align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten"<br>
&nbsp;&nbsp;&nbsp;marginwidth="RandLinksRechts" marginheight="RandObenUnten"&gt;<br>
Inhalt bei Nichtanzeige<br>
&lt;/iframe&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Option</code> einen der folgenden Werte angeben:<br>
<code>yes</code> = Scrollbars anzeigen,<br>
<code>no</code> = keine Scrollbars anzeigen (kein Scrollen mglich),<br>
<code>auto</code> = Scrollbars bei Bedarf anzeigen (Normaleinstellung).<br>
Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>left</code> = Fenster links ausrichten (nachfolgende Inhalte flieen rechts vorbei),<br>
<code>right</code> = Fenster rechts ausrichten (nachfolgende Inhalte flieen links vorbei),<br>
Fr <code>LinksRechts</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Fenster zur Umgebung links und rechts zu bestimmen.<br>
Fr <code>ObenUnten</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Fenster zur Umgebung oben und unten zu bestimmen.<br>
Fr <code>RandLinksRechts</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Fensterrand zum Fensterinhalt links und rechts zu bestimmen.<br>
Fr <code>RandObenUnten</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Fensterrand zum Fensterinhalt oben und unten zu bestimmen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/frames/eingebettete.htm#eigenschaften">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;


<p class="doc"><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></p>



<h2><a class="an" name="multimedia">Multimediaobjekte</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>Daten als Objekt<br>einbinden</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;object data="URI" type="MIME-Typ" width="Breite" height="Hhe"&gt;<br>
Alternativer Inhalt<br>
&lt;/object&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewnschten Datei angeben, die angezeigt werden soll.<br>
Fr <code>MIME-Typ</code> so etwas wie <code>image/svg+xml</code> notieren, je nachdem, welcher Dateityp referenziert wird.<br>
Fr <code>Breite</code> und <code>Hhe</code> eine Zahl wie z.B. <code>100</code> fr Pixel angeben,<br>
oder einen Prozentwert wie z.B. <code>60%</code> fr Gre in Bezug auf Umgebung.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/objekte.htm#datendateien">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Java-Applets als<br>Objekt</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;object width="Breite" height="Hhe"<br>
&nbsp;&nbsp;&nbsp;classid="java:datei.class" codebase="URI"
codetype="application/java-vm"&gt;<br>
&lt;param name="Name" value="Wert"&gt;<br>
&lt;/object&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><code>codebase</code>-Attribut angeben, wenn Applet nicht im aktuellen Verzeichnis liegt. Mit <code>URI</code> die Adresse des Verzeichnisses angeben.<br>
Parameter mit <code>name</code>- und <code>value</code>-Attribut angeben wenn es das Applet erfordert.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/objekte.htm#java_applets">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>ActiveX als<br>Objekt</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;object width="Breite" height="Hhe"<br>
&nbsp;&nbsp;&nbsp;classid="CLSID:XXXXXX-XXXX-XXXXXX"&gt;<br>
&lt;param name="Name" value="Wert"&gt;<br>
&lt;/object&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>XXXXXX-XXXX-XXXXXX</code> die ID des ActiveX-Controls notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/objekte.htm#active_x">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Flash-Movies<br>als Objekt</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;object width="Breite" height="Hhe"<br>
&nbsp;&nbsp;&nbsp;classid="CLSID:CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000"<br>
&nbsp;&nbsp;&nbsp;codebase="http://active.macromedia.com/flash5/cabs/<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;swflash.cab#version=5,0,0,0"&gt;<br>
&lt;param name="movie" value="datei.swf"&gt;<br>
&lt;param name="Name" value="Wert"&gt;<br>
&lt;/object&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><code>classid</code>-Attribut erhlt immer diesen Wert.<br>
Beim <code>codebase</code>-Attribut Flash-Version angeben.<br>
Beim einem der Parameter <code>name</code>-Attribut <code>movie</code> beim <code>value</code>-Attribut den Dateinamen der swf-Datei angeben.<br>
Parameter mit <code>name</code>- und <code>value</code>-Attribut ansonsten angeben wenn es die Anwendung erfordert.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/objekte.htm#flash">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Rahmen<br>um Objekt</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;object data="URI" type="MIME-Typ" border="Dicke"&gt;&lt;/object&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Dicke</code> eine Zahl wie z.B. <code>3</code> fr die Rahmendicke in Pixeln notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/objekte.htm#rahmen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Namen<br>fr Objekt</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;object data="URI" type="MIME-Typ" name="Name"&gt;&lt;/object&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Name</code> einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/objekte.htm#namen">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Objekt<br>im Text<br>ausrichten</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;object data="URI" type="MIME-Typ" align="Ausrichtung"&gt;&lt;/object&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>top</code> = obenbndig mit Text davor oder danach,<br>
<code>middle</code> = mittig zu Text davor oder danach,<br>
<code>bottom</code> = untenbndig mit Text davor oder danach.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/objekteigenschaften.htm#ausrichten_zum_text">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Text um Objekt<br>flieen lassen</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;object data="URI" type="MIME-Typ"<br> &nbsp;&nbsp;&nbsp;align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten"&gt;<br>
&lt;/object&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>left</code> = Objekt links ausrichten (nachfolgende Inhalte flieen rechts vorbei),<br>
<code>right</code> = Objekt rechts ausrichten (nachfolgende Inhalte flieen links vorbei),<br>
Fr <code>LinksRechts</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Objekt zur Umgebung links und rechts zu bestimmen.<br>
Fr <code>ObenUnten</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Objekt zur Umgebung oben und unten zu bestimmen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/objekteigenschaften.htm#textumfluss">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Meldung bei<br>Ladevorgang</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;object data="URI" type="MIME-Typ" standby="Text"&gt;&lt;/object&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Text</code> einen Meldungstext notieren.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/objekteigenschaften.htm#meldungstext">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Objektinstanz<br>nur auf Wunsch</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;object declare classid="CLSID:XXXXXX-XXXX-XXXXXX"&gt;<br>
&lt;/object&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Attribut <code>declare</code>.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/objekteigenschaften.htm#nur_bei_aufruf">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Java-Applets<br>einbinden</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;applet code="datei.class" codebase="URI" alt="Text"<br>
&nbsp;&nbsp;&nbsp;width="Breite" height="Hhe"&gt;<br>
&lt;param name="Name" value="Wert"&gt;<br>
&lt;/applet&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><code>codebase</code>-Attribut angeben, wenn Applet nicht im aktuellen Verzeichnis liegt. Mit <code>URI</code> die Adresse des Verzeichnisses angeben.<br>
Fr <code>Breite</code> und <code>Hhe</code> eine Zahl wie z.B. <code>100</code> fr Pixel angeben,<br>
oder einen Prozentwert wie z.B. <code>60%</code> fr Gre in Bezug auf Umgebung.<br>
Parameter mit <code>name</code>- und <code>value</code>-Attribut angeben wenn es das Applet erfordert.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/java_applets.htm#einbinden">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Java-Applets-<br>Eigenschaften</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;applet code="datei.class" codebase="URI" alt="Text"<br>
&nbsp;&nbsp;&nbsp;width="Breite" height="Hhe"<br>
&nbsp;&nbsp;&nbsp;align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten"&gt;<br>
&lt;param name="Name" value="Wert"&gt;<br>
&lt;/applet&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Ausrichtung</code> einen der folgenden Werte notieren:<br>
<code>top</code> = obenbndig mit Text davor oder danach,<br>
<code>middle</code> = mittig zu Text davor oder danach,<br>
<code>bottom</code> = untenbndig mit Text davor oder danach.<br>
<code>left</code> = Applet links ausrichten (nachfolgende Inhalte flieen rechts vorbei),<br>
<code>right</code> = Applet rechts ausrichten (nachfolgende Inhalte flieen links vorbei),<br>
Fr <code>LinksRechts</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Applet zur Umgebung links und rechts zu bestimmen.<br>
Fr <code>ObenUnten</code> eine Zahl wie z.B. <code>10</code> notieren, um den Pixelabstand von Applet zur Umgebung oben und unten zu bestimmen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/java_applets.htm#ausrichten">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Multimedia<br>(Netscape)</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;embed src="URI" width="Breite" height="Hhe"&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Gehrt nicht zum HTML-Standard!<br>
Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewnschten Datei angeben, die angezeigt werden soll.<br>
Fr <code>Breite</code> und <code>Hhe</code> eine Zahl wie z.B. <code>100</code> fr Pixel angeben,<br>
oder einen Prozentwert wie z.B. <code>60%</code> fr Gre in Bezug auf Umgebung.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/multimedia/netscape.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;


<p class="doc"><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></p>



<h2><a class="an" name="layer">Layer (Netscape)</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>Layer definieren</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;layer id="Name" top="oben" left="links" width="Breite" height="Hhe"&gt;<br>
Inhalt<br>
&lt;/layer&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Name</code> einen dokumentweit eindeutigen Namen vergeben. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (<code>_</code>), Bindestrich (<code>-</code>), Doppelpunkt (<var>:</var>) oder Punkt (<code>.</code>).<br>
Fr <code>oben</code> und <code>links</code> Pixel wie z.B. <code>40</code> und <code>150</code> fr die obere linke Startecke angeben.
Fr <code>Breite</code> und <code>Hhe</code> eine Zahlen wie z.B. <code>100</code> und <code>200</code> fr Pixel angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/layer/definieren.htm#layer">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Inline-Layer<br>definieren</p>
</th>
<td class="code" nowrap="nowrap">
<code>&lt;ilayer&gt;Inhalt&lt;/ilayer&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/layer/definieren.htm#inline_layer">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Anzeigebereich<br>beschneiden</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;layer top="oben" left="links" clip="x1,x2,x3,x4"&gt;Inhalt&lt;/layer&gt;</code><br>&nbsp;<br>
<code>&lt;layer top="oben" left="links" clip="xb,xh"&gt;Inhalt&lt;/layer&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">
<code>x1</code> = Pixel fr links.<br>
<code>x2</code> = Pixel fr oben.<br>
<code>x3</code> = Pixel fr rechts.<br>
<code>x4</code> = Pixel fr unten.<br>
<code>xb</code> = Pixel fr Breite.<br>
<code>xh</code> = Pixel fr Hhe.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/layer/definieren.htm#anzeigebereich">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Externe Datei</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;layer top="oben" left="links" src="URI"&gt;<br>
Inhalt&lt;/layer&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewnschten Datei angeben, die angezeigt werden soll.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/layer/definieren.htm#inhalt_aus_datei">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Hintergrundfarbe</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;layer top="oben" left="links" bgcolor="#XXXXXX"&gt;<br>
Inhalt&lt;/layer&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>#XXXXXX</code> eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/layer/definieren.htm#hintergrundfarbe">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Hintergrundbild</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;layer top="oben" left="links" background="#URI"&gt;<br>
Inhalt&lt;/layer&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>URI</code> eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewnschten Grafikdatei angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/layer/definieren.htm#hintergrundbild">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Schichtposition<br>mit Namen</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;layer top="oben" left="links" above="Name" below="Name"&gt;<br>
Inhalt&lt;/layer&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Wenn zuvor definierter Layer ber dem aktuellen liegen soll, dessen id-Namen bei <code>above</code> angeben. Wenn zuvor definierter Layer unter dem aktuellen liegen soll, dessen id-Namen bei <code>below</code> angeben.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/layer/anordnen.htm#position_name">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Schichtposition<br>mit Nummern</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;layer top="oben" left="links" z-index="Wert"&gt;<br>
Inhalt&lt;/layer&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Bei <code>Wert</code> eine Nummer vergeben. Layer mit hchster Nummer berdeckt alle anderen, Layer mit niedrigster Nummer wird von allen anderen berdeckt.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/layer/anordnen.htm#position_index">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Sichtbarkeit</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;layer top="oben" left="links" visibility="Option"&gt;<br>
Inhalt&lt;/layer&gt;</code>
</td>
</tr><tr>
<td class="tabxpl">Fr <code>Option</code> einen der folgenden Werte notieren:<br>
<code>show</code> = Layer sichtbar,<br>
<code>hide</code> = Layer unsichtbar,<br>
<code>inherit</code> = Layer erbt Sichtbarkeit vom Eltern-Layer.<br>
<img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/layer/anordnen.htm#anzeige">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;


<p class="doc"><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></p>



<h2><a class="an" name="transit">Weiterfhrende HTML-Elemente</a></h2>

<table class="reftable" cellpadding="3" cellspacing="0" border="1" width="100%">

<tr>
<th rowspan="2" nowrap="nowrap">
<p>Stylesheet-Bereich<br>fr CSS</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;head&gt;<br>
&lt;style type="text/css"&gt;<br>
&lt;!--<br>[</code>
<a href="css.htm#zentrale_formate"><code>Zentrale Formate</code></a>
<code>]<br>
--&gt;<br>
&lt;/style&gt;<br>
&lt;/head&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/transit/stylesheets.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>CSS-Formatierungen<br>im Text</p>
</th>
<td class="code" width="100%" nowrap="nowrap">
<code>&lt;[Elementname] style="[</code><a href="css.htm"><code>CSS</code></a><code>-Eigenschaften]"&gt;...&lt;/[Elementname]&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../css/formate/direkt.htm#style">Beschreibung</a><br>&nbsp;
</td>
</tr>
<tr>
<th rowspan="2" nowrap="nowrap">
<p>Script-Bereich</p>
</th>
<td class="code" nowrap="nowrap"> <code>&lt;script type="text/javascript"&gt;<br>
&lt;!--<br>
/* JavaScript-Code */<br>
//--&gt;<br>
&lt;/script&gt;<br>
&lt;noscript&gt;<br>
Inhalt, wenn kein JavaScript mglich ist<br>
&lt;/noscript&gt;</code>
</td>
</tr><tr>
<td class="tabxpl"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../html/transit/scripts.htm#definieren">Beschreibung</a><br>&nbsp;
</td>
</tr>
</table><br>&nbsp;



<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td colspan="2" class="doc">
&nbsp;<a href="#top"><img src="../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a>
</td></tr>
<tr><td class="doc"><a href="css.htm"><img src="../src/next.gif" width="10" height="10" border="0" hspace="10" alt="weiter"></a></td>
<td width="100%"><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="css.htm">Kurzreferenz: CSS</a>
</td></tr>
<tr>
<td class="doc"><a href="faq.htm"><img src="../src/prev.gif" width="10" height="10" border="0" hspace="10" alt="zurck"></a></td>
<td><img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="faq.htm">Hufig gestellte Fragen</a>
</td>
</tr>
<tr><td colspan="2" class="doc">&nbsp;</td>
</tr>
<tr>
<td colspan="2" class="nav"><a class="an" name="bottom"><img src="../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../index.htm">SELFHTML</a> <img src="../src/refkap.gif" width="16" height="13" alt="Teil von">&nbsp;<a href="index.htm">Navigationshilfen</a></td>
</tr>
</table>

<p>&copy; 2007 <img src="../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../editorial/impressum.htm">Impressum</a></p>

</body>
</html>