Twitter Xing Facebook Instagram


Lektion 5

Februar 29, 2012

Jetzt ist es Zeit weitere Elemente zu lernen.

Ähnlich wie Sie Text fett schreiben, indem Sie diesen zwischen den Start-Tag <b> und den End-Tag </b> setzen, können Sie ihn kursiv schreiben, wenn Sie den Start-Tag <i> und den End-Tag </i> benutzen. “i” entstammt ebenfalls wieder dem Englischen und ist die Abkürzung für “italic” (Deutsch = schräg ).

Small Tag.
Einen kleiner geschriebenen Text erhalten Sie mit small.
<small> Small text</small>

Wenn Sie einen Text sowohl fett als auch kursiv schreiben möchten, muss Sie beide Tags nacheinander schreiben <b><i> „Schräger Fetter Text“</i></b>
Die Reinfolge der Tags muss eingehalten werden.
Diese so genannten leeren Elemente sind nicht mit einer speziellen Textpassage verbunden, sondern eher eigenständige Markierungen. Ein Beispiel für einen solchen Tag ist <br />, der einen erzwungenen Zeilenumbruch hervorruft.
Beachten Sie, dass der Tag im Gegensatz zu den Start- und End-Tags mit einem Leerzeichen und einem Schrägstrich am Ende geschrieben wird: <br />. Im Prinzip könnte man auch <br/> </br> schreiben. Aber warum die Dinge schwieriger als nötig machen?

Ein anderes Element, welches Start- und End-Tag in einem ist, ist <hr />. Dies wird benutzt um eine horizontale Linie zu zeichnen. “hr” steht für “horizontal rule”, was nichts anderes bedeutet als horizontale Linie.

Beispiele für Elemente die – wie die meisten – sowohl Start-Tag als auch End-Tag brauchen sind ul, ol und li. Diese Elemente werden benutzt um Listen zu erstellen.

Die Listeneinträge einer ul, kurz für “unordered list”, was soviel wie ungeordnete Liste heißt, haben einen Punkt oder Strich (Bullet) vorangestellt. ol wiederum steht für “ordered list”, geordnete Liste, und nummeriert die Listeneinträge. Um Listeneinträge zu generieren benutzt man den li-Tag (“list item”). Verwirrt? Sehen Sie die Beispiele an
<ul>
<li>Erster Listenpunkt </li>
<li>Zweiter Listenpunkt </li>
</ul>
Im Browser sehen Sie:

  • Erster Listenpunkt
  • Zweiter Listenpunkt

Der Unterschied von <li> und <ol> ist:

  1. Erster Listenpunkt
  2. Zweiter Listenpunkt

<<< zurück    weiterlesen >>>