Im Leben gibts auch Listen


Im Leben gibts auch Listen

Je nachdem, ob du deine Listen ordentlich oder unordentlich (!) gestalten willst, hast du unterschiedliche Möglichkeiten. Dies ist eine unordentliche Liste:

Und das ganze in HTML:

<ul>
        <li>Unordentliche Listen in HTML</li>
        <li>bestehen aus eingen Einträgen</li>
        <li>die alle mit dem <li>-Tag beginnen,</li>
        <li>und mit dem </li>-Tag enden!</li>
</ul>

Bei ordentlichen Listen wird nicht etwa Ordnung in die Liste gebracht, nein, es wird einfach nur durchgezählt:

  1. Ordentliche Listen in HTML
  2. bestehen aus eingen Einträgen
  3. die alle mit dem <li>-Tag beginnen,
  4. und mit dem </li>-Tag enden!

Hier wieder als HTML-Original:

<ol>
        <li>Ordentliche Listen in HTML</li>
        <li>bestehen aus eingen Einträgen</li>
        <li>die alle mit dem <li>-Tag beginnen,</li>
        <li>und mit dem </li>-Tag enden!</li>
</ol>

Der einzige Unterschied in den beiden Listen ist also das Listen-Tag: bei unordentlichen Listen das <ul>-Tag, bei ordentlichen Listen das <ol>-Tag.


  1. Aufgabe: Wir schreiben eine Wegbeschreibung zur SaR, als Liste! Ein Beispiel gibt's hier:

    http://wspiegel.bei.t-online.de/g9b/


  2. Abspeichern unter dem Namen sar_weg.html !!


  3. Titel der Wegbeschreibung: Homepage der Schule am Ried: So finden Sie uns, oder du denkst dir selber etwas aus . . .


  4. Aufgabe: In der Wegbeschreibung musst du ein Bild einbinden: den Stadtplan. Das geht so:
    <img src="sar_weg2.gif" width="498" height="474" border="0" alt="EIN BILD!">
    Unter src gibst du den Namen des Bildes an, ACHTUNG: das Bild muss in deinem Verzeichnis stehen! width und height ist (hoffentlich) klar, border probierst du selbst aus und alt steht für alternate: der Text wird angezeigt, wenn das Bild aus irgendeinem Grund nicht angezeigt werden kann. Folgende Bilder gibt es:
    1. sar_weg.gif
    2. sar_weg2.gif
    3. sar_weg.jpg
    Aus dem Verzeichnis I:\g9b\sar\ ins eigene Verzeichnis kopieren! Wie? Mit dem Microsoft PhotoEditor, viel Glück . . .

Zurück zur Übersicht


W. Spiegel, E-Mail: walter.spiegel@web.de