Wie kann eine Delphi-Anwendung aus vorhandenen Texten oder Informationen eine individuelle HTML-Seite erzeugen?

Frage

Ein HyperText Markup Language-Dokument ist ein einfacher ASCII-Text, der bestimmte Schlüsselworte enthält. Diese Schlüsselworte teilen dem Internet-Browser mit, wie ein bestimmter Teil des Textes auf dem Bildschirm dargestellt werden soll.

Schlüsselworte werden in spitze Klammern eingeschlossen: beispielsweise „

“ oder „“. Ein Slash vor einem Schlüsselwort wirkt wie eine schließende Klammer, die den Wirkungsbereich beendet, der durch das gleiche Schlüsselwort ohne Slash eingeleitet wurde.

Professionelle Layouts können mittels HTML sehr komplexe Dokumente erzeugen, die weit über den Rahmen dieser kurzen Einführung hinausgehen. Ohne entsprechende Hilfsmittel sind solche Dokumente nur sehr mühsam per Hand und ohne visuelle Kontrolle zu erstellen. Die nachfolgenden Ausführungen stellen von daher nur eine Einführung in die Grundlagen der HTML-Programmierung dar.

HTML-Grundstruktur

Lösung

Die Identifikation eines HTML-Dokuments erfolgt über das Schlüsselwort „“. Somit ist die kleinste mögliche HTML-Datei

Text

wobei Text einen beliebigen Text zur Anzeige enthalten kann.

Eine „normale“ HTML-Datei enthält jedoch weitere Informationen. Die typische Grundstruktur der meisten HTML-Seiten entspricht dem nachfolgenden Schema.

               <- Format Identifikation
 
               <- Kopfinformationen folgen
 
             <- Ende des Seitentitels
                     <- optional weitere Kopfinformationen 
 
              <- Ende der Kopfinformationen
 
               <- Beginn des Informationsteils 
                     <- hier steht der Seiteninhalt
              <- Ende des Informationsteiles
 
              <- Ende der Datei

Die Kopfinformationen erscheinen im Browser nicht auf der Seite. Man kann sich diese Informationen jedoch im Browser ansehen. Im Body-Teil steht (normalerweise formatierter) Text, der auch Bilder, Eingabefelder, Listen und Schaltflächen sowie andere Gestaltungselemente enthalten kann.

Schlüsselworte für die Kopfinformationen

Eingeleitet und abgeschlossen werden die Kopfinformationen durch das Schlüsselwort:

...

Einen der wichtigsten Teile der Kopfsektion bildet der Titel der Seite. Diesen markiert das Schlüssselwort

Damit gibt es als weiteren wichtigen Bestandteil der Kopfinformationen die sogenannten META-Tags. Diese bestehen aus drei Teilen:

Das Schlüsselwort „

Attribute	Bedeutung
NAME	Definiert den Bezeichner des Tags
CONTENT	Enthält den Inhalt des Tags

Ein gültiges Beispiel für ein Autoren-META-Tag wäre:

Dokumentenidentifikation

Die drei meistbenutzten META-Tags sind:

• AUTHOR
• KEYWORDS
• DESCRIPTION

Sie beschreiben den Autor des Dokuments sowie Schlüsselbegriffe, die speziell von Suchmaschinen ausgewertet werden, sowie eine Beschreibung des Dokuments. Darüber hi-naus können jedoch weitere META-Tags benutzt werden, die unter Umständen rein privater Natur sind. Server, die auf ihnen unbekannte META-Tags treffen, ignorieren diese einfach.

Schlüsselworte zur Textformatierung

Der Textkörper kann gleich zusammen mit dem „-Schlüsselwort einer Standardschrift zugewiesen werden. Dazu definieren die Attribute

Die Farbe ist in Form eines dreiteiligen Hexwerts für Rot, Grün und Blau mit vorangestelltem „#“ anzugeben. Ein Beispiel für eine solche Definition bildet:

Eine Funktion zur Codierung von Farbwerten gemäß HTML-Konventionen ist nachfolgend wiedergegeben.

LPSTR ConvertColorToHTML(DWORD Col)
{
  LPSTR ColStr = (LPSTR)malloc(8);
  char tmp[3];
 
  strcpy(ColStr, "#");
  strcat(ColStr, MakeHex(Col && 0xff, tmp));
  Col = Col >> 8;
  strcat(ColStr, MakeHex(Col && 0xff, tmp));
  Col = Col >> 8;
strcat(ColStr, MakeHex(Col && 0xff, tmp));
  return ColStr;
}

Innerhalb des Textes gibt es sechs Standardlevel für Überschriften, von denen H1 die größte und H6 die kleinste Schrift verwendet.

Text

Text

Text

Zur Definition einer speziellen Schrift im Text kann das FONT-Tag verwendet werden. Es kennt die Attribute

Optional können auch einzelne Attribute entfallen, wenn nur die übrigen interessieren. Ein vollständiges Beispiel ist:

Funktion ConvertColor-ToHTML