Cascading Stylesheets Stil mit <Stil>

CSS2-Referenz | HTML-4.01-Referenz | Farben, Zeichen und Maße | Workshop | Externe Links | Impressum | Hinweise

# li ♦ <li> ... </li> ♦ IE4+ M1 N4+ O5+ ♦ HTML 2.0, 3.2, 4.0

Das <li>-Tag kennzeichnet ein Element in einer Aufzählung oder Liste. Das Tag ist sowohl in der geordneten Liste ol als auch in der ungeordneten Liste ul erforderlich. Es ist ebenfalls in zwei unerwünschten Tags erforderlich: dem <dir>- und dem <menu>-Tag.

Weder in geordneten noch in ungeordneten Aufzählungen gibt es im Grunde genommen irgendwelche Einschränkungen, denen der Text in der Aufzählung unterliegt – so können die Texte z.B. beliebig lang sein.

In einer ungeordneten Liste geht jedem Eintrag ein "Bullet", ein gefüllter Kreis, ein "*" oder ein ähnliches Symbol voran. In einer geordneten Liste geht jedem Eintrag eine Zahl, ein Buchstabe oder ein römisches Aufzählungszeichen voran, das mit jedem weiteren Listenelement heraufgezählt wird.

Das schließende Tag ist optional. Es wird allerdings empfohlen, das Tag zu setzen.

Kernattribute | class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title
type unerwünscht 4.0 | Das Attribut type bestimmt ein Zeichen, das der geordneten Liste vorangesetzt wird. In einer nummerierten Aufzählung sind die möglichen Werte 1 für arabische Ziffern, I oder i für große oder kleine lateinische Ziffern, A oder a für große oder kleine Buchstaben. In einer ungeordneten Aufzählung sind die möglichen Werte circle, disc und square.
value unerwünscht 4.0 | Das Attribut value setzt den Ordnungswert, der einem Eintrag in einer geordneten Liste vorangeht. Das Attribut gilt seit HTML 4.0 als unerwünscht.

#### Beispiel

Dies ist eine ungeordnete Aufzählung:

    <p>Es gibt drei Arten von Aufz&auml;hlungen: </p>
    <ul>
      <li> Definitionslisten setzen sich
           zusammen aus den drei Tags
        <ul type="square">
          <li> dd-Tag </li>
          <li> dl-Tag </li>
          <li> dt-Tag </li>
        </ul>
      </li>
      <li> Nummerierte Aufz&auml;hlungen setzen
           sich zusammen aus den beiden Tags
        <ul type="circle">
          <li> Das &lt;ol&gt;-Tag &ouml;ffnet und
               schlie&szlig;t die Aufz&auml;hlung </li>
          <li> Das &lt;li&gt;-Tag umschlie&szlig;t
               jeden der einzelnen Eintr&auml;ge
               der Aufz&auml;hlung </li>
        </ul>
      </li>
      <li> Ungeordnete Aufz&auml;hlungen setzen
           sich zusammen aus den beiden Tags
        <ul type="disc">
          <li> Das &lt;ol&gt;-Tag &ouml;ffnet
               und schlie&szlig;t die Aufz&auml;hlung </li>
          <li> Das &lt;li &gt;-Tag umschlie&szlig;t
               jeden der einzelnen Eintr&auml;ge
               der Aufz&auml;hlung </li>
        </ul>
      </li>
    </ul>

#### Darstellung

Es gibt drei Arten von Aufzählungen:

- Definitionslisten setzen sich zusammen aus den drei Tags
  - dd-Tag
  - dl-Tag
  - dt-Tag
- Nummerierte Aufzählungen setzen sich zusammen aus den beiden Tags
  - Das <ol>-Tag öffnet und schließt die Aufzählung
  - Das <li>-Tag umschließt jeden der einzelnen Einträge der Aufzählung
- Ungeordnete Aufzählungen setzen sich zusammen aus den beiden Tags
  - Das <ol>-Tag öffnet und schließt die Aufzählung
  - Das <li >-Tag umschließt jeden der einzelnen Einträge der Aufzählung

#### Beispiel

Dies ist eine geordnete Aufzählung:

    <ol type="a">
      <li> Definitionslisten setzen sich zusammen
           aus den drei Tags
        <ol value="5">
          <li> dd-Tag </li>
          <li> dl-Tag </li>
          <li> dt-Tag </li>
        </ol>
      </li>
      <li> Nummerierte Aufz&auml;hlungen setzen sich
           zusammen aus den beiden Tags
        <ol type="I">
          <li> Das &lt;ol&gt;-Tag &ouml;ffnet und
               schlie&szlig;t die Aufz&auml;hlung </li>
          <li> Das &lt;li&gt;-Tag umschlie&szlig;t jeden
               der einzelnen Eintr&auml;ge der Aufz&auml;hlung </li>
        </ol>
      </li>
      <li>Ungeordnete Aufz&auml;hlungen setzen
          sich zusammen aus den beiden Tags
        <ol>
          <li> Das &lt;ol&gt;-Tag &ouml;ffnet und
               schlie&szlig;t die Aufz&auml;hlung </li>
          <li> Das &lt;li&gt;-Tag umschlie&szlig;t jeden
               der einzelnen Eintr&auml;ge der Aufz&auml;hlung</li>
         </ol>
      </li>
    </ol>

#### Darstellung

1. Definitionslisten setzen sich zusammen aus den drei Tags
   1. dd-Tag
   2. dl-Tag
   3. dt-Tag
2. Nummerierte Aufzählungen setzen sich zusammen aus den beiden Tags
   1. Das <ol>-Tag öffnet und schließt die Aufzählung
   2. Das <li>-Tag umschließt jeden der einzelnen Einträge der Aufzählung
3. Ungeordnete Aufzählungen setzen sich zusammen aus den beiden Tags
   1. Das <ol>-Tag öffnet und schließt die Aufzählung
   2. Das <li>-Tag umschließt jeden der einzelnen Einträge der Aufzählung

↑

HTML-4.01-Kernattribute Die interessantesten Attribute der Neuzeit

Index Tabellarischer Überblick über alle Tags

!DOCTYPE Document Type Definition (DTD)

a anchor (Anker); ein Link

abbr Abkürzung

acronym Gleichwertige Bezeichnung

address Hervorhebung von Adressen

applet Java-Applet

area Clientseitige Image Map

b Fetter Schriftstil

base Basis-URI des Dokuments

basefont Basis-Schriftgröße

bdo Laufrichtung der Schrift

big Großer Schriftstil

blockquote Langes Zitat

body Body des Dokuments

br Erzwungener Zeilenumbruch

button button; Schaltfläche

caption Tabellenüberschrift

center Zentrierte Darstellung von Inhalten

cite Zitat

code Darstellung von Computercode

col Tabellenspalten

colgroup Tabellenspaltengruppe

dd Beschreibungsteil einer Definition

del Gelöschter Text

dfn Definition in einer Definitionsliste

dir Auflistung eines Verzeichnisses

div Generischer Behälter für Inhalte

dl Definitionsliste

dt Definitionselement

em Betonung

fieldset Formulargruppe

font Lokale Änderung der Schrift

form Interaktives Formular

frame Fenster innerhalb des Browserfensters

frameset Unterteilung des Browserfensters

h1, h2, h3, h4, h5, h6 Überschriften

head Header des Dokuments

hr Horizontale Linie

html Wurzelelement des Dokuments

i Kursiver Schriftstil

iframe Inlinefenster

img Eingebettetes Bild

input Steuerfeld eines Formulars

ins Eingefügter Text

isindex Ausgabefeld in einer Zeile

kbd Text, der vom Benutzer einzugeben ist

label Überschrift zu einem Formularfeld

legend Beschreibung einer Formularfeldgruppe

li Listenelement

link Medienunabhängiger Link

map Clientseitige Image Map

menu Menüliste

meta Generische Metainformation

noframes Alternativer Inhalt für Browser ohne Unterstützung von Frames

noscript Alternativer Inhalt für Browser ohne Skriptunterstützung

object Generisches eingebettetes Element

ol Nummerierte Aufzählung

optgroup Optionsgruppe

option Wählbares Element

P paragraph; Absatz

param Parameterwert

pre Vorformatierter Text

q Kurzes Inlinezitat

s Durchgestrichener Schriftstil

sample Programmcode-Beispiel

script Skriptanweisungen

select Optionsselektor

small Kleiner Schriftstil

span Generischer Behälter für Inhalte

strike Durchgestrichener Stil

strong Starke Betonung

style Stilinformationen

sub Tiefgesetzt

sup Hochgesetzt

tableTabelle

tbody Tabellenkörper

td Tabellenzelle

textarea Textfeld mit mehreren Zeilen

tfoot Tabellenfuß

th Tabellenkopfzelle

thead Tabellenkopf

titleTitel des Dokuments

tr Tabellenzeile

tt Nichtproportionaler Schriftstil

u Unterstrichener Schriftstil

ul Ungeordnete Liste

var Instanz einer Variablen

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen