nav-left cat-right
cat-right
Home » Web » Einführung in HTML

Einführung in HTML

Um in Systemen wie Wordpress Seiten zu Erstellen ist nur ein Auschnitt des gesamten HTML Befehlssatzen notwendig. Im folgenden werden die wesentlichen Elemente zur Strukturierung eines Textes mittels Überschriften, Absätzen, Listen usw. vorgestellt.

Eine vollständige HTML-Befehlsreferenz ist unter http://de.selfhtml.org/html/index.htm zu finden.

Inhaltsverzeichnis

  1. Inhaltsverzeichnis
  2. Grundlagen der HTML Befehle
  3. Überschriften
  4. Listen
  5. Textstrukturierung
    1. Zitate

Grundlagen der HTML Befehle

Zwei typische Beispiel für HTML Befehle sind im folgenden dargestellt:

Dies is ein Satz mit einem <em>hervorgehobenem Text</em>, der einen Umbruch <br /> enthält.

Die Befehle sind jeweils in Spitzen Klammern, sogenannten Tags. Über die Spitzen Klammern erkennt der Computer, dass es sich um einen Befehl handelt. Alles, was nicht in spitzen Klammern steht, wird daher nicht verändert.

Befehle haben immer einen Anfang und ein Ende. Es gibt einzelne Befehle wie den Zeilenumbruch und Umgebungen wie das Hervorheben von Text, die ein Anfang und ein Ende markieren müssen. Das Ende wird dabei durch den Befehl mit einem /> markiert. In der speziellen Sprach XHTML (eine Erweiterung von HTML) müssen auch einzelne Befehle wie der Zeilenumbruch <br /> diese Endung enthalten.

Die Groß- und Kleinschreibung der Befehle ist im Prinzip egal, es ist jedoch zu empfehlen die Befehle grundsätzlich klein zu schreiben.

Desweiteren unterscheidet man zwischen Inline und Block Elementen. Erste können in einem Text stehen (hervorheben, kursiv), während Block Elemente immer in einer neuen Zeile anfangen (Überschriften).

Im folgenden werden die wesentlichen Befehle anhand von Beispielen erläutert:

Überschriften

Es gibt Überschriften der Ordnungen 1 bis 6, wobei 1 die höchste und 6 die niedrigste Ordnung bedeutet. Innerhalb eines Eintrages von Wordpress empfielt es sich den Text ab einer Ordnung von 3 zu schreiben, da die höheren Ordnungen den Seitenüberschriften vorbehalten sind.

Entsprechend dem englischen headings lauten diese Befehle

<h3>Überschrift</h3>
<h4>Überschrift</h4>
<h5>Überschrift</h5>
<h6>Überschrift</h6>

Listen

Listen enthalten die Umgebung der Liste (von wo bis wo geht die Liste) und die Listenelement, hier am Beispiel eine nichtnummerierten Liste

Code <ul>
   <li>Erster Listeneintrag</li>
   <li>zweiter Listeneintrag</li>
   <li>Dritter Listeneintrag</li>
</ul>

Beispiel
  • Erster Listeneintrag
  • zweiter Listeneintrag
  • Dritter Listeneintrag

Die auch verschachtelt sein können.

Code <ul>
   <li>Erster Listeneintrag
   <ul>
     <li>Erster Listeneintrag</li>
   </ul>
   </li>
   <li>zweiter Listeneintrag</li>
   <li>Dritter Listeneintrag</li>
</ul>

Beispiel
  • Erster Listeneintrag
    • Erster Listeneintrag
  • zweiter Listeneintrag
  • Dritter Listeneintrag

Nummerierte Listen werden mit einem <ol> statt einem <ul> erstellt.

Textstrukturierung

Zur Strukturierung des Textes stehen unter anderem folgenende Befehle zur Verfügung:

  • Zeilenumbruch: <br/>
  • Hervorheben: <em>...</em>
  • Stark hervorheben: <strong>...</strong>

Die Befehle für kursiv und fett <i>...</i>, <b>...</b> sind nicht zu empfehlen, weil sie keiner logischen Auszeichnung entsprechen.

Zitate

Zitate werden innerhalb der folgenden Umgebung dargestellt

Code <blockquote> Dies ist ein Zitat </blockquote>

Beispiel
Dies ist ein Zitat
Print Page