headerphoto

Exkurs Xhtml

Die Darstellung einer Website unterliegt vereinfacht betrachtet drei Faktoren: Xhtml, CSS (Cascanding Style Sheet) und dem Browser.
Xhtml ist eine Seitenbeschreibungssprache. Das bedeutet das mit der Hilfe von Xhtml einer Site Darstellungsanweisungen erteilt werden. Xhtml bildet die Grundlage der Formatierung und gibt Auskunft über den Wert der Informationen, die in den ausgezeichneten Elementen enthalten ist.

CSS sorgt für die grafische und farbliche Gestaltung der Site. Dadurch das die Formatiertierungsanweisungen in der externen CSS Datei ausgelagert sind, kann mit wenig Aufwand das Aussehen einer umfangreichen Website verändert werden.

Der Browser stellt die Site dar, interpretiert die Darstellungsanweisungen von Xhtml und setzt die Gestaltung der Site mit Hilfe der Steuerbefehlen von CSS um.

Um ein Element auf einer Site zu gestalten, muss es von Xhtmlanweisung, den sogenannten xhtmlTags oder einfach nur Tag genannnt, umklammert werden. Wichtig ist das jede Darstellungsanweisung mit einem Anfangs und Endtag abgeschlossen wird z.B. <h1>...</h1> .In der Darstellungsanweisung, den Tags ist auch ein Hinweis auf die Art und den Wert der Informationen die sie umschliessen enthalten. Korrektes Xhtml ist zwingend notwendig, um den Informationswert einer Website angemessen zu repräsentieren.

<h1>ergibt eine Überschrift</h1>

ergibt eine Überschrift

 
<strong>ergibt Fettschrift</strong>
ergibt Fettschrift 
<em>ergibt Schrägschrift</em>
ergibt Schrägschrift 
<ins>unterstreicht Text</ins>
unterstreicht Text
bindet ein Bild ein 
<img src='bild.jpg' alt='mein Bild' />
mein Bild
bindet ein Bild ein
bildet einen Link 
<a href='link.php'>Link</a>
Link bildet einen Link
ergibt eine geordente Liste mit Zahlen 
<ol>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
</ol>
ergibt eine geordente Liste mit Zahlen
  1. Punkt 1
  2. Punkt 2
  3. Punkt 3
ergibt eine ungeordnete List mit Punkten 
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
</ul>
ergibt eine ungeordnete List mit Punkten
  • Punkt 1
  • Punkt 2
  • Punkt 3
Absatz
<br />
einfügen
Absatz
einfügen

Vergessen sie jeweils nicht am Schluss die Klammern zu schliesen. Jeder htmltag <beispiel> muss am Schluss abgeschlossen werden </beispiel>

<em><strong>Richtig</strong></em>
<strong>Richtig</strong>
<strong>falsch
<strong>falsch<em></em></strong>
<strong>falsch<ins>