Allgemeine Regeln von HTML

• HTML (HyperText Markup Language):
  • strukturierte Texte mit Verweisen und eingebetteten Multimedia-Elementen
  • beschreibt logische Bestandteile eines Dokuments z.B.
    • Überschrift
    • Absatz
    • Tabelle
  • legt nicht das Aussehen fest
    • z.B. Farben, Fonts, Einrückungen
    • werden in Style Sheets vereinbart
    • einige (veraltete) HTML-Elemente durchbrechen dieses Prinzip
  • verwendet reinen (ASCII-)Text
    • leicht lesbar und verarbeitbar
    • unabhängig von Rechnertyp und Betriebssystem
    • allgemein offene Definition
• Ein erstes Beispiel:
  • simple.html (HTML-Quelle)
  • HTML-Text der Seite vom Browser aus anzeigen (Ansicht/Seiten-Quelltext)
  • logische Elemente der Seite
    • Überschrift
    • drei Absätze
    • ein hervorgehobenes Element (nicht)
    • ein Verweis
    • ein eingefügtes Bild (Trennlinie)
    • eine Adresse mit Email-Verweis
• Auszeichnungselemente (Tags):
  • Beispiele:

    body	Textteil des Dokuments
    p	Absatz
    em	betonter Text
    a	Verweis

  • beschreiben ein logisches Element
  • werden in spitze Klammern gesetzt
  • umschließen (meistens) das bezeichnete Element in der Form
    • <TAG>element</TAG>
  • können groß oder klein geschrieben werden
  • lassen sich verschachteln
• Attribute:
  • Beispiele
    • src="juhu.gif"
    • href="http://heritage.stsci.edu/"
    • alt="Ruler"
  • enthalten zusätzliche Informationen zu einem Tag
  • stehen in der öffnenden Tag-Klammer
  • haben die Form
    • NAME="WERT"
• Stilangaben:
  • in der Beschreibungssprache CSS (Cascading Style Sheets)
  • können Tags als Style-Attribut mitgegeben werden
    • <p style="color:#ff2080;">
  • mehr dazu später
  • seit langem veraltet:
    • Stil-Tags, etwa <FONT> oder <B>
    • besondere Stilattribute, z.B. bgcolor und text bei BODY
• Dokumententext:
  • am einfachsten in ASCII
  • Zeilenumbrüche und mehrfache Leerzeichen werden ignoriert
  • Umlaute und Sonderzeichen in der Form
    • &NAME;
  • einige Beispiele

    Sonderzeichen	HTML-Bezeichnung
    Ä Ö Ü	Ä Ö Ü
    ä ö ü ß	ä ö ü ß
    æ å é	æ å é
    < > & "	&lt; &gt; &amp; &quot;
    geschütztes Leerzeichen	&nbsp;

  • alternativ Angabe des Zeichensatzes im Header
    • <meta http-equiv="content-type" content="text/html; charset=ISO-8859-15">
    • Zeichensatz ISO-8859-15 enthält die Sonderzeichen vieler westeuropäischer Sprachen
    • deutsche Umlaute können dann direkt eingeben werden
    • Zeichensatz UTF-8 enthält Zeichen fast aller Sprachen (incl. chinesisch)