HTML-Grundlagen: ================ Hier in der Doku sind zur Kennzeichnung Stellen, die nicht wörtlich zu nehmen, sondern durch entsprechende Daten zu ersetzen sind, in zwei "*" eingeschlossen, z.B. *dateiname* a) Kopfteil und Fußteil Am besten die neue Datei durch Kopie aus der Vorlagedatei (leer.htm) erstellen Den Titel der neuen Seite (das ist das, was im Webbrowser oben auf dem Rahmen angezeigt werden soll) zwischen und schreiben Der eigentliche Seitentext kommt zwischen und Ganz oben sollte eine Überschrift 1. Ordnung stehen (siehe Kapitel D) b) Zeilenumbrüche und Leerzeilen. Normalerweise macht HTML Fließtext, dessen Breite sich am Webbrowser-Fenster orientiert. Dabei ist es völlig egal, wo man im Quelltext eine Zeile enden lässt. Generell sollte man Quelltext-Zeilen nicht länger als 255 Zeichen machen. Einen mutwilligen Zeilenumbruch macht man durch das Steuerzeichen
am Ende der Zeile. Eine Leerzeile erzeugt man durch

(im Quelltext der besseren lesbarkeit wegen auf eine eigene Zeile schreiben) Stehen irgendwo mehr als 1 Leerzeichen hintereinander, verkürzt der Browser sie automatisch auf 1 Leerzeichen. c) Formatierungen Die Schriftformatierung wird zentral durch die CSS-Datei gemacht. Innerhalb der HTML-Dateien sollte daher keine manuelle Schriftart und -Größe festgelegt werden. Unterstreichungen werden durch das Konstrukt *Text* gebildet. Fettschriften werden durch das Konstrukt *Text* gebildet. Kursivschrifte (für Zitate) werden durch das Konstrukt *Text* gebildet. d) Überschriften Jede Seite hat 1 Hauptüberschrift, die zwischen

und

geschrieben wird. Jede Seite kann Unter-Überschriften haben, die zwischen

und

geschrieben wird. Noch kleinere Überschriften werden durch

und

gekennzeichnet. Die Formatierung der Überschriften (d.h. deren Schriftart, Größe+Farbe) wird zentral durch die CSS-Datei bestimmt. Eine Überschrift 2. Grades mit Ankerpunkt sieht dann so aus (2-Zeilen):

Übung 1

Der Übersichtlichkeit wegen im Quelltext vor jede Überschrift 2 Leerzeilen stellen! e) Links Links werden durch folgendes Konstrukt gekennzeichnet: *Text* Mit "Text" ist der Text gemeint, der als Link formatiert werden soll, also der, den man dann anklicken kann. Die Formatierung der Link-Textes erfolgt zentral über die CSS-Datei. Bei "ziel" ist der Dateiname anzugeben, dem man anspringen will. Achtung: Die Gross- und Kleinschreibung beim Ziel muß beachtet werden (UNIX!). Ein auf Außerhalb des Projekt zeigender Link sieht so aus (wird im neuen Fenster geöffnet): *Text* Bei "ziel" ist die URL der gewünschten Website einzusetzen. Für eine innnerhalb des Projekt liegende Datei sieht das so aus: Text Soll innerhalb der anderen Zieldatei ein Ankerpunkt angesprungen werden (d.h. also NICHT der Datei-Anfang) sieht das so aus: Text Soll innerhalb der eihgenen Datei ein Ankerpunkt angesprungen werden (d.h. also NICHT der Datei-Anfang) sieht das so aus: Text Die Ankernamen sind in der Zieldatei durch das Konstrukt gekennzeichnet. Auf Kleinschreibung bei den Ankernamen achten! f) Aufzählungen werden durch folgendes Konstrukt gebildet: Bei jedem
  • beginnt dann ein neuer Gedankenstrich Die Formatierung des Aufzählungsblockes erfolgt zentral über die CSS-Datei. g) Tabellen Eine Tabelle hat folgenden Aufbau:
    *erste Spalte* *zweite Spalte*
    *erste Spalte* *zweite Spalte*
    *erste Spalte* *zweite Spalte*
    Bei jedem beginnt eine neue Zeile, bei jedem eine neue Spalte. Die oberste Zeile mit den -Befehlen ist für die Spaltenüberschriften. Soll der Tabellenrahmen sichtbar sein, ist statt
    einzusetzen. Die Formatierung des Tabellentextes erfolgt zentral über die CSS-Datei. h) Sonderformatierungen Einige Formatierungen werden zentral über die CSS-Datei gesteuert: Dateinamen: *text* Befehle: *text* Tastennamen: *text* Hilferufe: *text* Die Schlüsselworte "datei", "kommando", "taste" und "bitte" müssen wörtlich so drin stehen! i) Bilder Bilder werden durch folgendes Konstrukt eingebunden:


    *Bildunterschrift*

    Achtung: Die Gross- und Kleinschreibung beim Bildpfad muß beachtet werden (UNIX!). Zwei Bilder nebeneinander erzeugt man wie folgt:


    *Bildunterschrift1*
    *Bildunterschrift2*

    Kommen mehrere Bilder direkt untereinander, sieht das so aus:


    *Bildunterschrift1

    *Bildunterschrift2

    *Bildunterschrift3

    Überschreitet der Bildbefehl die Zeilenlänge (max 255 Zeichen), ist in der Quelldatei ein Umbruch innerhalb der Bildunterschrift zu machen. Die Formatierung der Bildunterschrift erfolgt zentral über die CSS-Datei. j) Sonderzeichen (zum Kopieren per Zwischenablage) » « ¼ ½ ² ³ ± ® © Ø Ohm=Ω Ersetzen Sie das Zeichen & durch die Zeichenfolge & ("Ampersand") Ersetzen Sie das Zeichen < durch die Zeichenfolge < ("lower than") Ersetzen Sie das Zeichen > durch die Zeichenfolge > ("greater than")