FIXME Work in Progress ;) ====== Seitenbeschreibungs- und Scriptsprachen im Internet ====== ===== HTML ===== ==== Grundlagen ==== Ein HTML-Dokument besteht im Wesentlichen aus drei Bereichen: * Dokumenttyp-Angaben * Kopfbereich * Rumpfbereich Am Anfang eines HTML-Dokuments stehen die Angaben zu der verwendeten HTML-Version. Hiermit wird das HTML-Dokument als solches gekennzeichnet und festgelegt, welche Tags und Attribute für das HTML-Dokument verwendet werden dürfen (DTD - Dokumenttyp-Deklaration). Durch die Angabe der Adresse der DTD (z.B. [[http://www.w3.org/TR/html4/loose.dtd]] kann der verwendete Browser die Dokumenttyp-Definition und damit verbundene Regeln auslesen. Die Zeichenfolge '''' und '''', sogenannte Tags, schließen das gesamte HTML-Dokument ein. Der **Kopfbereich** befindet sich zwischen den Tags '''' und '''' und enthält Informationen zum Titel des HTML-Dokuments. Der **Titel** des Dokuments wird in die Tags '''' und '''' eingeschlossen und in der Regel in der Titelleiste des Browserfensters angezeigt. Für den Titel eines HTML-Dokuments sollten kurze, aber genaue Inhaltsangaben verwendet werden. Weiters werden im Kopfbereich sogenannte **Metadaten** hinterlegt, die Informationen zum Inhalt des Dokuments enthalten, wie z.B. den Autor der Seite. Der Rumpfbereich befindet sich zwischen den tags '''' und ''''. Hier wird der im Browser sichtbare Teil eines HTML-Dokuments eingefügt. ==== Textformatierung ==== |''......''|**bold**, fett formatiert| |''...''|//italic //, kursiv formatiert| |''......''|__underline__, unterstriche| |''...''|''teletype'', Schreibmaschinenschrift| |''...''|durchgestrichen| |''...''|vergrößerter Text| |''...''|verkleinerter Text| |...|hochgestellter Text| |...|tiefgestellter Text| |''
''|Zeilenumbruch| |...|Schriftgröße/-art ändern| |

|Überschrift (h1-h6)| ||Kommentar| ||Leitet eine Aufzählung ein, die bis zum abschließenden Tag fortgeführt wird. Der Tag ''
  • '' (list item = Listenelement) gibt jeweils einen Listenpunkt an.| |
    1. 1.Text
    2. 2.Text
    |Leitet eine nummerierte Liste ein, die bis zum abschließenden Tag fortgeführt wird. Der Tag ''
  • '' (list item = Listenelement) gibt jeweils einen Listenpunkt an.| |Hier gehts woanders hin!|Hyperlink auf www.example.com| Eine vorgenommene Formatierung bleibt so lange aktiv, bis sie durch einen Ende-Tag aufgehoben wird. Auch wenn weitere Textauszeichnungen hinzugefügt werden, bleibt die aktive Formatierung erhalten (man kann Formatierungen auch ineinander Schachteln). ==== Tabellen ==== ...
     Der Tag '''' leitet eine Tabellendefinition ein.\\ Mit dem Attribut ''border'' wird die Umrandung der Tabelle in Pixel festgelegt. Wird das Attribut nicht angegeben, so wird die Tabelle ohne Rahmen dargestellt.\\ Der Tag ''
    '' schließt eine Tabellendefinition. Nur die Angabe des Tags '''' reicht nicht für eine Tabellendefinition aus. Zusätzlich sind noch Zeilen und Spalten anzugeben. Der Tag '''' definiert eine Zeile (table row - Tabellenzeile).\\ Mit Hilfe des Tags '''' festgelegt werden. Spaltenüberschriften werden standardmäßig fett hervorgehoben und zentriert dargestellt. ===Größenangaben bei Tabellen=== Standardmäßig sind Breite und Höhe einer Tabelle anhängig von dem Text, der in ihr steht. Die Tabellenbreite kann dabei die Breite/Höhe des Browserfensters erreichen oder über den Rand hinaus gehen. Um das Aussehen einer Tabelle individuell gestalten zu können, stellt HTML die Attribute ''width'' und ''height'' zur Verfügung, mit dem man Höhe und Breite der gesamten Tabelle festlegen kann. Dabei kann man die Breite der Tabelle als prozentuelle Breite in Abhängigkeit des Browserfensters oder als festen Wert in Pixeln angeben.
    '' legt man die Zellen fest, die in der definierten Zeile dargestellt werden sollen. (table data - Daten der Tabelle) === Tabellenkopf automatisch formatieren === Tabellen enthalten häufig in der ersten Zeile Zellen mit Spaltenüberschriften. Diese Zellen können mit Hilfe des Tags ''