HTML-Grundlagen

Textauszeichnung:

Genau gleich wie in jedem Textbearbeitungsprogramm, kann auch mit HTML Text unterschiedlich formatiert werden:

• <h1> bis <h6> - Heading: formatiert Text als Überschrift. Text in Überschriften wird von den Suchmaschinen höher gewichtet als normaler Fliesstext. Formatiert Text in einer grösseren Schrift und fett.

• <p> - Paragraph: umschliesst einen Absatz.
  Erzeugt einen Abstand zum folgenden Element.

• <br> - Break: erzeugt eine Zeilenschaltung

• <em> - Emphasis: um ein Wort vom übrigen Text abzuheben.
  Formatiert das Wort kursiv.

• <strong> - Strong: um ein Wort stark zu betonen.
  Formatiert das Wort fett.

• <span> - Inline Container: wird verwendet um Text z.B. mit einer CSS-Klasse speziell darzustellen.

• <sup> / <sub> - superscript / subscript: hoch- bzw. tiefstellen von Text.

• <blockquote> / <q> - Quote: für Zitate 

Weitere Tags zur Textauszeichnung:

• <cite> / <abbr> / <address> / <code> / <pre> / <var> / <kbd>

Strukturierung von Text:

Text lässt sich mit HTML auch strukturieren.

• <ul> - Unordered List: generiert eine ungeordnete Liste.
  Der Text jedes Listenpunktes <li> wird mit einem Bulletpoint versehen und eingerückt dargestellt. 

• <ol> - Ordered List: generiert eine geordnete Liste.
  Der Text jedes Listenpunktes <li> wird fortlaufend nummeriert und eingerückt dargestellt. 

• <dl> - Description List: generiert eine Liste mit Worterklärungen. Innerhalb eines <dl> können die Elemente <dt> - Description Term und <dd> -Description Detail verwendet werden.

• <table> - Tabelle:
  jede Zeile wird durch ein <tr> - Tablerow repräsentiert
  jede Spalte durch ein <td> - Tabledata Tabelleninhalt oder
  <th> - Tableheading Tabellenüberschrift repräsentiert.
  Eine Tabelle kann aus einem <thead> -Kopfbereich für die Spaltenüberschriften und einem <tbody> - Inhaltsbereich für die Informationen bestehen.