diff options
Diffstat (limited to 'files/de/web/html/element/ul/index.html')
| -rw-r--r-- | files/de/web/html/element/ul/index.html | 123 |
1 files changed, 123 insertions, 0 deletions
diff --git a/files/de/web/html/element/ul/index.html b/files/de/web/html/element/ul/index.html new file mode 100644 index 0000000000..e3299cef19 --- /dev/null +++ b/files/de/web/html/element/ul/index.html @@ -0,0 +1,123 @@ +--- +title: ul +slug: Web/HTML/Element/ul +tags: + - HTML + - HTML Elemente + - HTML Referenz +translation_of: Web/HTML/Element/ul +--- +<h2 id="Übersicht">Übersicht</h2> + +<p>Das HTML Element <em>unordered list</em> <ul> wird verwendet um eine ungeordnete Liste darzustellen. Eine Sammlung von Einträgen, die keine nummerische Ordung aufweisen bzw. deren Aufzählung bedeutungslos ist. Die einzelnen Einträge der Liste werden durch das <a href="/de/HTML/Element/li" title="de/HTML/Element/li">list item</a> (<a href="/de/HTML/Element/li" title="de/HTML/Element/li"><li></a>) Element definiert, welches das einzige Element ist, was innerhalb eines <code><ul></code> Tag stehen darf.</p> + +<ul> + <li>Element Typ: <a href="/de/HTML/Block-level_Elemente" title="de/HTML/Block-level_Elemente">block-level</a></li> + <li>Erlaubter Inhalt: <a href="/de/HTML/Element/li" title="de/HTML/Element/li">li</a></li> +</ul> + +<h2 id="Attribute">Attribute</h2> + +<dl> + <dt>type {{ Deprecated_inline() }}</dt> + <dd>Wird verwendet, um das Aufzählungszeichen der Liste festzulegen. Die Werte sind in der <a href="/de/HTML3.2" title="de/HTML3.2">HTML3.2</a> Spezifikation festgelegt und in der „transitional“ Version von <a href="/de/HTML4.01" title="de/HTML4.01">HTML 4.0/4.01</a> sind <code>circle</code>, <code>disc</code>, und <code>square</code> aufgeführt. Der Browser kann über unterschiedliche Zeichen entscheiden, abhängig vom Grad der Verschachtelung, wenn das type Attribut nicht verwendet wird. Das WebTV Interface unterstützt auch ein <code>triangle</code> Zeichen. Dieses Attribut ist veraltet, es sollte die <a href="/de/CSS" title="de/CSS">CSS</a> <a href="/de/CSS/list-style-type" title="de/CSS/list-style-type">list-style-type</a> Eigenschaft stattdessen verwendet werden.</dd> +</dl> + +<dl> + <dt>compact {{ Deprecated_inline() }}</dt> + <dd>Gibt an, dass die Liste in einer kompakten Form gerendert werden soll. Die Interpretation dieses Attributs hängt vom Browser ab.</dd> +</dl> + +<h2 id="Beispiele">Beispiele</h2> + +<h3 id="Einfaches_Beispiel">Einfaches Beispiel</h3> + +<pre> <ul> + <li>Erster Eintrag</li> + <li>Zweiter Eintrag</li> + <li>Dritter Eintrag</li> + </ul> +</pre> + +<p>Dieses HTML gibt das Folgende aus:</p> + +<ul> + <li>Erster Eintrag</li> + <li>Zweiter Eintrag</li> + <li>Dritter Eintrag</li> +</ul> + +<h3 id="Verschachtelte_Listen">Verschachtelte Listen</h3> + +<pre> <ul> + <li>Erster Eintraf</li> + <li>Zweiter Eintrag <!-- Achtung, das schließende </li> Tag wird hier nicht notiert! --> + <ul> + <li>Zweiter Eintrag erster Untereintrag</li> + <li>Zweiter Eintrag zweiter Untereintrag</li> + <li>Zweiter Eintrag dritter Untereintrag</li> + </ul> + </li> <!-- Hier ist das schließende </li> Tag angegeben! --> + <li>Dritter Eintrag</li> + </ul> +</pre> + +<p>Dieses HTML gibt das Folgende aus:</p> + +<ul> + <li>Erster Eintrag</li> + <li>Zweiter Eintrag + <ul> + <li>Zweiter Eintrag erster Untereintrag</li> + <li>Zweiter Eintrag zweiter Untereintrag</li> + <li>Zweiter Eintrag dritter Untereintrag</li> + </ul> + </li> + <li>Dritter Eintrag</li> +</ul> + +<h3 id="Verschachtelte_<ul>_und_<ol>">Verschachtelte <ul> und <ol></h3> + +<pre> <ul> + <li>Erster Eintrag</li> + <li>Zweiter Eintrag <!-- Achtung, das schließende </li> Tag wird hier nicht notiert! --> + <ol> + <li>Zweiter Eintrag erster Untereintrag</li> + <li>Zweiter Eintrag zweiter Untereintrag</li> + <li>Zweiter Eintrag dritter Untereintrag</li> + </ol> + </li> <!-- Hier ist das schließende </li> Tag angegeben! --> + <li>Dritter Eintrag</li> + </ul> +</pre> + +<p>Dieses HTML gibt das Folgende aus:</p> + +<ul> + <li>Erster Eintrag</li> + <li>Zweiter Eintrag + <ol> + <li>Zweiter Eintrag erster Untereintrag</li> + <li>Zweiter Eintrag zweiter Untereintrag</li> + <li>Zweiter Eintrag dritter Untereintrag</li> + </ol> + </li> + <li>Dritter Eintrag</li> +</ul> + +<h2 id="Hinweise">Hinweise</h2> + +<p>Es können so viele Listen, wie man möchte verschachtelt werden, <code><ul></code> und <code><ol></code> in jeder Reihenfolge.</p> + +<p>Um die Einrückung von Listen zu verändern sollte die <a href="/de/CSS" title="de/CSS">CSS</a> <a href="/de/CSS/margin" title="de/CSS/margin">margin</a> Eigenschaft verwendet werden.</p> + +<h2 id="Siehe_auch">Siehe auch</h2> + +<ul> + <li><a href="/de/HTML/Element/li" title="de/HTML/Element/li">HTML List item Element</a></li> + <li><a href="/de/HTML/Element/ol" title="de/HTML/Element/ol">HTML geordnete Liste</a></li> + <li><a href="/de/CSS/list-style" title="de/CSS/list-style">CSS list-style Eigenschaft</a></li> + <li><a href="/de/CSS_Counters" title="de/CSS_Counters">CSS Counters</a></li> +</ul> + +<div class="noinclude">{{ languages({ "en":"en/HTML/Element/ul", "ja":"de/HTML/Element/ul", "pl":"pl/HTML/Element/ul"}) }}</div> |