Alles klar soweit !?

Sie befinden sich hier:

In diesem Teil unseres Tutoriums besch√§ftigen wir uns mit Aufz√§hlungen und Listen. Der Unterschied dieser beiden Formen ist ziemlich einfach. Bei den einfachen Listen, gibt es keine Strukturierte Reihenfolge. Jedes Listenelement wird mit einem Symbol dargestellt. Aufz√§hlungen sind Strukturiert, das hei√üt sie sind in nach einer bestimmten Reihenfolge sortiert (beispielsweise mit Zahlen 1, 2, 3, 4, usw… ).

 

Listen
Listen werden eingeleitet und beendet durch folgende Tags:

<ul></ul>

zwischen diesen Tags befinden sich die aufzulistenden Texte mit jeweil den “<li></li>“-Tags (Beispiel 1-4).

<ul>
<li>Beispieltext</li>
<li>Beispieltext</li>
<li>Beispieltext</li>
</ul>

Standardm√§√üig werden f√ľr die Listung Punkte verwendet.

Es gibt allerdingsdie M√∂glichkeit die Symbole f√ľr die Auflistung mithilfe von Attributen zu √§ndern. Dazu √§ndern wir den “type” des Elementes.

<ul type="attribut">
Attribute Erklärung Beispiel
disc mit ausgef√ľlltem Kreis (Beispiel 1)
circle holem Kreis (Beispiel 2)
¬†square ausgef√ľlltem Quadrat (Beispiel 3)
 none ohne Symbol (Beispiel 4)

 

Aufzählungen
Diese werden eingeleitet und beendet durch folgende Tags:

<ol></ol>

Auch hier befinden sich die aufzulistenden Elemente zwischen den Tags mit jeweiligen “<li></li>“-Tags ¬† ¬† ¬† ¬† ¬† ¬† ¬† (Beispiel 5-9).

<ol>
<li>Beispieltext</li>
<li>Beispieltext</li>
<li>Beispieltext</li>
</ol>

Standardmäßig werden Zahlen zur Auflistung verwendet (1, 2, 3, usw.).

Und auch hier haben wir die Möglichkeit diese mithilfe von Attributen zu ändern.

<ol type="attribut">
Attribute Erklärung Beispiel
 decimal Zahlen von 1 bis unendlich (Beispiel 5)
 lower-roman kleingeschriebene römische Zahlen (Beispiel 6)
 upper-roman großgeschriebene römische Zahlen (Beispiel 7)
 lower-alpha kleingeschriebenes Alphabet (Beispiel 8)
 upper-alpha großgeschriebenes Alphabet (Beispiel 9)

¬†Hinweis!!! Einfacher und einheitlicher ist es die Attribute √ľber Css zu √§ndern. Mehr dazu in unserem CSS Tutorium!

Ihr habt noch Fragen oder Anregungen, dann schreibt uns einfach eine E-Mail √ľber unser Kontaktformular oder kommentiert diesen Beitrag!

Alles klar soweit !?

 

vorheriger Artikel: nächster Artikel:
» «

Geschrieben am: 27. Mai 2013 um 12:38 // Thema: HTML //  Kommentar verfassen

Auf dieses Thema gibt es noch keine Reaktion

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *




Impressum // KlaroBox // die kostenlose Lernkiste