previous content next

list.html

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Praktische Informatik 1</title>
  </head>

  <body>

    <h1>Listen</h1>
 
    <p>Liste mit disc:</p>
    <ul style="list-style-type:disc">
      <li>Taschentuch</li>
      <li>Gebetbuch</li>
      <li>Kamm</li>
    </ul>

    <p>Liste mit square:</p>
    <ul style="list-style-type:square">
      <li>Kinder</li>
      <li>Küche</li>
      <li>Kirche</li>
    </ul>

    <p>gemischte Liste:</p>
    <ul>
      <li style="list-style-type:square">Welt</li>
      <li style="list-style-type:none">Weites</li>
      <li style="list-style-type:circle">Warten</li>
    </ul>

    <p>Zählen mit Buchstaben:</p>
    <ol style="list-style-type:lower-alpha">
      <li>Schafft</li>
      <li>Arbeits-</li>
      <li>Plätze</li>
    </ol>

    <p>Und jetzt wirds verrückt:</p>
    <ol>
      <li style="list-style-type:decimal">Ich</li>
      <li style="list-style-type:lower-roman">Bin</li>
      <li style="list-style-type:upper-alpha">Müde</li>
    </ol>
  </body>
</html>