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
    • vier 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="Trennlinie"
  • enthalten zusätzliche Informationen zu einem Tag
  • stehen in der öffnenden Tag-Klammer
  • haben die Form
    • NAME="WERT"
  • selten boolesche Attribute
    • = und "WERT" entfallen
    • Anwesenheit von NAME → Wert ist true, sonst false
• 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:
  • grundsätzlich in ASCII
  • Zeilenumbrüche und mehrfache Leerzeichen werden ignoriert
  • zusätzlich Angabe des Zeichensatzes im Header
    • <meta charset="utf-8">
    • 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)
  • Sonderzeichen, auch Umlaute, in der Form
    • &NAME;
  • einige Beispiele

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

  • beliebige Unicode-Zeichen als &#NNNN; durch Angabe der (dezimalen) Unicode-Nummer NNNN

    • Nummern	Aussehen
      8805 8804 8800 8776 8801 8764 8793	≥ ≤ ≠ ≈ ≡ ∼ ≙
      8594 8592 8596 8658 8656 8660	→ ← ↔ ⇒ ⇐ ⇔
      177 8723 8734 8704 8707 8712	± ∓ ∞ ∀ ∃ ∈
      9786 9785 128526 128527 128568 128586	☺ ☹ 😎 😏 😸 🙊