Listen

27.10.2016 06:31 Uhr

Analog zu den Tabellen arbeiten auch die Tags zum Erstellen von Nummerierungen und Aufzählungen (Listen) zusammen:

So arbeitet <ol> … </ol> mit den dazwischen liegenden <li> … </li> (list item) Tags zusammen, um eine nummerierte Liste (ordered list) aufzubauen:

HTML Code:
Kategorien von Tags, die wir besprochen haben:

<ol>
  <li>Tags zum Formatieren von Text</li>
  <li>Tags zum Einbinden von Bildern</li>
  <li>Tags zum Erzeugen von Tabellen</li>
</ol>

wird durch Browserinterpretation zu:

  1. Tags zum Formatieren von Text
  2. Tags zum Einbinden von Bildern
  3. Tags zum Erzeugen von Tabellen

Wird <ol> … </ol> durch <ul> … </ul> („unordered list“) ersetzt, wird im Browser folgendes dargestellt:

Darstellung einer unsortierten Standardliste

Die meisten Tags akzeptieren innerhalb des Paares spitzer Klammern sogenannte Attribute, die immer die Form:
„Attribut-Name“ „Ist-gleich-Zeichen“ „Attribut-Wert“ (name=“value“) haben und ggf. durch Leerstellen voneinander getrennt sind. Sie legen Variationen der Art und Weise fest, in der ein bestimmtes Tag bearbeitet wird.

Was mit Variationen gemeint ist, wird am besten durch Beispiele deutlich:

<ol type="1">

1. Tags zum Formatieren von Text

2. Tags zum Einbinden von Bildern

3. Tags zum Erzeugen von Tabellen

<ol type="1" start="3">

3. Tags zum Formatieren von Text

4. Tags zum Einbinden von Bildern

5. Tags zum Erzeugen von Tabellen

<ol type="I">

I. Tags zum Formatieren von Text

II. Tags zum Einbinden von Bildern

III. Tags zum Erzeugen von Tabellen

<ol type="I" start="57">

LVII. Tags zum Formatieren von Text

LVIII. Tags zum Einbinden von Bildern

LIX. Tags zum Erzeugen von Tabellen

<ol type="i">

i. Tags zum Formatieren von Text

ii. Tags zum Einbinden von Bildern

iii. Tags zum Erzeugen von Tabellen

<ol type="A">

A. Tags zum Formatieren von Text

B. Tags zum Einbinden von Bildern

C. Tags zum Erzeugen von Tabellen

<ul type="disc">

Darstellung einer unsortierten Standardliste

<ul type="square">

Darstellung einer unsortierten Liste mit Quadraten

<ul type="circle">

Darstellung einer unsortierten Liste mit ausgefüllten Punkten

Schlagwörter: