Home
  Windows
  Internet
  E-Mail
  Homepage
    Homepage I - HTML
      Hypertext Markup Language
      Syntax
      Meine erste Seite
      Formatierungen
      Bilder einfügen
      Hyperlinks
      Tabellen
      Frames
      FTP
      Tags und Attribute
Termine
Download
Kontakt

© Dietmar Becker
Microsoft Certified Professional

Syntax
Das ist der Seitenaufbau einer HTML-Seite, also welche Regeln eingehalten werden müssen, damit die Seite korrekt dargestellt wird.

Die Befehle

bei HTML werden Tags genannt und stehen immer in spitzen Klammern, also

<strong>fetter Text</strong>

und ist meist die Abkürzung eines englischen Begriffs (bold = fett).
Die meisten Tags (<strong>) benötigen einen Endtag (</strong>) für die Beendigung des Befehls, sonst gilt er bis zum Schluss der Seite.

Entities

Das sind Sonderzeichen, die man nicht in der Art und Weise schreiben sollte, wie man es gewohnt ist, um Fehlinterpretationen auszuschließen. Dafür gibt es die Entities.
Jedes Entitie beginnt mit einem &, dann kommt die Umschreibung des Sonderzeichens und wird mit einem Semikolon abgeschlossen.
Die wichtigsten Entities:

Sonderzeichen Entitie Beschreibung
ä &auml; (a Umlaut)
Ä &Auml; (A Umlaut)
ö &öuml; (o Umlaut)
Ö &Öuml; (O Umlaut)
ü &üuml; (u Umlaut)
Ü &Üuml; (U Umlaut)
ß &szlig;  
Leerzeichen &nbsp; non breakable space
" &quot;  
& &amp;  
< &lt;  
> &gt;  

Die Kommentare

Gerade bei umfangreichen Seiten ist eine Kommentierung des Quellcodes nützlich, um die Übersicht zu behalten. Auch sie werden mit spitzen Klammern eingeleitet, jedoch von einem Ausrufezeichen und zwei Minuszeichen gefolgt - beendet werden sie mit -->.
<!-- Hier steht ein Kommentar -->

Ein Solcher Text wird vom Browser ignoriert, wird also nicht angezeigt.

Der Seitenaufbau

Das Grundgerüst einer Seite kann z. B. so aussehen:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN//">
<!-- Hier werden die Spezifikationen der Seite (HTML 4.0) angegeben -->
<html>
<!-- Hier wird das Dokument geöffnet. Es ist der erste Tag, und wird erst am Schluss wieder geschlossen -->
<head>
<!-- Hier wird der Kopf geöffnet. Dort können Informationen der Seite, wie z. B. der Titel angegeben werden.-->
<title>Seitentitel</title>
</head>
<!-- Hier wird der Kopf geschlossen -->
<body>
<!-- Hier steht der angezeigte Seiteninhalt -->
</body>
<!-- Hier wird die Seite geschlossen -->
</html>
<!-- Hier wird das Dokument geschlossen -->

zurück zum Seitenanfang