Textformatierung (3)

*** Aufzählung / Liste ***

• <ul> Text einrücken </ul>

• wird mit jedem <ul> der Text eine Stufe weiter eingerückt ...
  
  • wird mit jedem <ul> der Text eine Stufe weiter eingerückt ...
    
    • wird mit jedem <ul> der Text eine Stufe weiter eingerückt.
  • Mit jedem </ul> wird wieder um eine Stufe weniger eingerückt ...
• mit jedem </ul> wird wieder um eine Stufe weniger eingerückt ...

Es funktioniert zum Glück auch auf die einfache Weise, nur mit <ul> und </ul> -
"konventionsgemäß" müssen die Anweisungen wie folgt geschrieben werden:

     <ul> <!-- Start Liste -->
       <li> <!-- Listen-Eintrag -->
         <ul> <!-- Unterliste 1 als Listen-Eintrag -->
           <li> <!-- Listen-Eintrag in Unterliste 1 -->
             <ul> <!-- Unterliste 2 als Listen-Eintrag in Unterliste 1 -->
               <li> <!-- Listen-Eintrag in Unterliste 2 --> </li>
             </ul> <!-- Unterliste 2 ENDE -->
           </li> <!-- Listen-Eintrag in Unterliste 1 ENDE -->
         </ul> <!-- Unterliste 1 ENDE -->
       </li> <!-- Listen-Eintrag ENDE -->
     </ul> <!-- Liste ENDE -->
   

  <li style="list-style-type: none;"> 

Vergleiche hierzu auch:

<p> fortlaufender Textblock </p>
<p align=center> zentrierter Textblock </p>
<p align=right> rechtsbündiger Textblock </p>

*** Liste mit Aufzählungssymbol ***

• <li type="disc"> fügt runde Aufzählungspunkte hinzu </li>
• <li type="circle"> fügt Kreise als Aufzählungspunkte hinzu </li>
• <li type="square"> fügt Quadrate als Aufzählungspunkte hinzu </li>

• <ul type="disc"> bestimmt die Punktart "Punkt" für eine nachfolgende Liste:
• <li> ............ </li>     (der runde Punkt ist Standard, wenn die Angabe fehlt)
• <li> ............ </li>
• </ul> ____ Ende der Liste

• <ul type="circle"> bestimmt die Punktart "Kreis" für eine nachfolgende Liste:
• <li> ............ </li>
• <li> ............ </li>
• </ul> ____ Ende der Liste

• <ul type="square"> bestimmt die Punktart "Würfel" für eine nachfolgende Liste:
• <li> ............ </li>
• <li> ............ </li>
• </ul> ____ Ende der Liste

1. type="1" ____ Nummerierung mit 1., 2., 3. usw.
   (Standard, wenn die Angabe fehlt)
2. <li> ............ </li>
3. <li> ............ </li>
4. <li> ............ </li>

1. type="I" ____ Nummerierung mit I., II., III., IV. usw.
2. <li> ............ </li>
3. <li> ............ </li>
4. <li> ............ </li>

1. type="i"_____ Nummerierung mit i., ii., iii., iv. usw.
2. <li> ............ </li>
3. <li> ............ </li>
4. <li> ............ </li>

1. type="A"____ Nummerierung mit A., B., C. usw.
2. <li> ............ </li>
3. <li> ............ </li>
4. <li> ............ </li>

1. type="a" ____ Nummerierung mit a., b., c. usw.
2. <li> ............ </li>
3. <li> ............ </li>
4. <li> ............ </li>

3. <li> ............ </li>
4. <li> ............ </li>
5. <li> ............ </li>
8. <li type="I" value="8"> erzwingt eine andere Nummerierung ... </li>
9. <li> ............. (der Wert wird für die weitere Numerierung übernommen ) ... </li>
10. <li> ............ </li>

*** Weitere Listen ***

Der <li> ... Listeneintrag ... </li> kann auch noch für den Aufbau folgender Listen verwendet werden:

Die Definitionslisten (Glossarlisten) haben eigene Tags für die Listeneinträge:

<dt> Begriff </dt>

<dd> Begriffsbestimmung </dd>

<dt> Fremdwort </dt>

<dd> Übersetzung, Erklärung </dd>