Hypertext Structure Language

HTSL (Hypertext Structure Language) ist eine Markup-Sprache, um GUIs in Computerspielen zu definieren. HTSL ist ähnlich wie HTML aufgebaut, nur, dass es keine spezialisierten Tags gibt. Die Tagnamen dienen ausschließlich der CSS-Markierung. Die Funktion eines HTSL-Tags wird durch seine Attribute definiert.

Nomenklatur/Syntax

- Ein HTSL-Tag ist durch eckige Klammern ('<','>') begrenzt. Beispiel: [code]<testtag>[/code]

- Ein HTSL-Tag kann Attribute haben. Diese sind in der Form [code]Attribut="Wert"[/code] und treten nach dem Tagnamen auf. Beispiel:

<testtag eigenschaft="wert">

- Besteht der Wert eines Attributes nur aus Buchstaben, Zahlen und dem Unterstrich, so sind die Quotes ("") optional. - Ein HTSL-Tag kann rekursiv Inhalte beherbergen. Dazu steht der Inhalt des Tags zwischen den HTML-Typischen Klammern. Beispiel: [code]<x>Hier ist der Inhalt</x>[/code]

Bedeutung der Attribute

Da es in HTSL keinen spezialisierten IMG-Tag oder sonstige Markierungen gibt, haben die Attribute die Aufgabe, die Inhalte der Tags zu überschreiben. Bei dem Attribut "content=img" wird zum Beispiel der Inhalt des Tags, der sonst eine Fehlermeldung enthalten soll, durch das entsprechende Bild ersetzt. Durch spezielle onClick-Attribute kann man HTSL problemlos mit der Spieleengine verbinden.

CSS

Die HTSL-Struktur ist dazu da, die Elemente einer GUI zu ordnen. Mit einem CSS-Style-Sheet bekommen sie zusätzlich ein ansehnliches Design. Das CSS, das zu HTSL gehört ist etwas abgewandelt und hat eine sehr strenge Syntax. Eine CSS-Definition hat immer folgenden Aufbau:

[code]Selektor { attribut:Wert; attribut2:#Hexwert; }[/code]

Ein Selektor besteht aus mehreren durch Leerzeichen getrennten Tagnamen, die in dieser Reihenfolge verschachtelt vorkommen müssen. Werte können entweder Dezimal angegeben werden (Einheit ist immer Pixel) oder mit der Raute # als Hexadezimalen Farbwert Es gibt folgende Attribute:

- margin: Außenabstand - padding: Innenabstand - fontsize: Schriftgröße - borderwidth: Rahmenbreite - bordercolor: Rahmenfarbe - bgcolor: Hintergrundfarbe - color: Textfarbe - left: Abstand der linken Kante zum linken Rand (nur bei display: free) - right: Abstand der rechten Kante zum rechten Rand (nur bei display: free) - top: Abstand der oberen Kante zum oberen Rand (nur bei display: free) - bottom: Abstand der unteren Kante zum unteren Rand (nur bei display: free) - w: Feste/Empfohlene Breite - h: Feste/Empfohlene Höhe - display: (inline=neben seinen Nachbarn; block=über/unter seinen Nachbarn; none=unsichtbar; free=frei positioniert) - size: (fixed=Festes w, h; sizedown=festes w, variable Höhe; size=dynamische Größe)

Init-Quelle

Entnommen aus der: Wikipedia

Autoren: Antisteo