HTML-Einführung

Hypertext Markup Language

die Sprache des World Wide Web

Hubert Partl
Universität für Bodenkultur in Wien
Version 1.4
Mai 1997

Wegweiser

Was wollen Sie erreichen?

• Ich möchte den kompletten Text am Bildschirm lesen.
• Ich möchte den kompletten Text als Handbuch auf Papier ausdrucken.
• Ich möchte im Inhaltsverzeichnis herumblättern.
• Ich möchte rasch einen bestimmten HTML-Befehl nachschlagen.
• Ich möchte kurz erfahren, wofür WWW und HTML überhaupt gut sind.
• Ich kenne mich im WWW schon recht gut aus und möchte alles über die HTML-Befehle erfahren.
• Ich möchte nur rasch eine kurze Information im WWW veröffentlichen.
• Ich möchte eine umfangreiche Information gut strukturiert im WWW veröffentlichen.
• Ich möchte eine tolle Liste von heißen Verbindungen zu kühlen Quellen zusammenstellen.
• Ich möchte, daß meine Informationen möglichst bunt und wild aussehen.
• Ich möchte, daß meine Informationen von möglichst vielen Leuten gelesen werden.
• Ich möchte mehr über die Hintergründe von WWW und HTML erfahren.
• Ich möchte die HTML-Einführung auf meinem Computer off-line lesen.
• Ich möchte die HTML-Einführung in einer Schulung verwenden.
• Ich möchte eigentlich etwas ganz anderes.

Ich möchte den kompletten Text lesen.

1. Vorwort
2. Wörterbuch
3. Grundlagen
4. Textelemente
5. Hypertext-Links
6. Bilder und Töne
7. Layout
8. Spezialeffekte
9. Interaktion mit dem Benutzer
10. Geschichte und Geschichten
11. Referenzen
12. Liste der HTML-Befehle

Ich möchte das komplette Handbuch auf Papier ausdrucken.

• Entweder Sie lesen die HMTL-Files (siehe komplettes Handbuch) und drucken jeden Teil mit dem Druck-Befehl (print) Ihres Web-Browsers auf Ihrem lokalen Drucker aus.
  Falls Sie ein Umwandlungsprogramm wie z.B. "MS Word Internet Assistant" verwenden, können Sie dabei auch Seitenwechsel, Seitennummern u.dgl. einfügen.
• oder Sie übertragen das PostScript-File der kompletten HTML-Einführung auf Ihren Rechner und drucken es auf einem PostScript-Drucker aus.
  Dieses PostScript-File hat eine Größe von ungefähr 1 MByte und ergibt einen Printout von ungefähr 90 Seiten.
  Eine mit Gnuzip komprimierte Version ist auch über FTP erreichbar:
  ftp://mail.boku.ac.at/www/htmleinf.ps.gz (ca. 250 kBytes)

Ich möchte einen bestimmten HTML-Befehl nachschlagen.

• Verwenden Sie den Textsuche-Befehl Ihres Web-Browsers in der alphabetischen Liste der HTML-Befehle oder im ausführlichen Inhaltsverzeichnis.

Ich möchte kurz erfahren, wofür WWW und HTML überhaupt gut sind.

1. Vorwort
2. Was ist WWW?
3. Was ist HTML?
4. Was kann ich im WWW veröffentlichen?
5. Wie kann ich etwas im WWW veröffentlichen?

Ich kenne WWW und möchte alles über HTML erfahren.

1. Vorwort
2. Was ist HTML?
3. Inhalt und Form
4. Richtige HTML
5. Format der Markup-Befehle (HTML-Tags)
6. Aufbau eines HTML-Files
7. Filename und Directory
8. Textelemente
9. Hypertext-Links
10. Bilder und Töne
11. Layout und Spezialeffekte
12. Geschichte und Geschichten

Ich möchte rasch eine kurze Information im WWW veröffentlichen.

1. Vorwort
2. Aufbau eines HTML-Files
3. Absätze und Zeilenumbruch
4. Buchstaben und Sonderzeichen
5. Wie kann ich mein HTML-File im WWW verfügbar machen?

Ich möchte eine umfangreiche Information gut strukturiert im WWW veröffentlichen.

1. Vorwort
2. Frisch geplant ist halb gewonnen!
3. Aufteilung der Information auf einzelne HTML-Files
4. Inhalt und Form
5. Richtige HTML
6. Format der Markup-Befehle (HTML-Tags)
7. Aufbau eines HTML-Files
8. Textelemente
9. Hypertext-Links
10. Inhaltsverzeichnisse
11. Wie kann ich mein HTML-File im WWW veröffentlichen?

Ich möchte eine Liste von "heißen" Verbindungen zusammenstellen.

1. Vorwort
2. Suchhilfen im WWW
3. URLs
4. Verweise zu anderen Informationen
5. Listen von Verweisen
6. Format der Listen

Ich möchte, daß meine Informationen bunt und wild aussehen

1. Vorwort
2. Frisch geplant ist halb gewonnen!
3. Inhalt und Form
4. Richtige HTML
5. Bilder und Töne
6. Farben
7. Trennlinien
8. hervorgehobene Wörter
9. hervorgehobene Absätze
10. Überschriften
11. Listen und Aufzählungen
12. Layout und Spezialeffekte

Ich möchte, daß meine Informationen von vielen Leuten gelesen werden.

1. Vorwort
2. Frisch geplant ist halb gewonnen!
3. Wie kann ich mein HTML-File im WWW veröffentlichen?
4. Was soll ich im WWW veröffentlichen?
5. Wie werden meine Informationen gesucht?
6. Wie kann ich Reklame für meine Informationen machen?
7. Schönes Layout
8. Günstige Aufteilung
9. Richtige HTML
10. Inhalt und Form
11. Zugriffe zählen

Ich möchte mehr über die Hintergründe von WWW und HTML erfahren.

1. Vorwort
2. Geschichte und Geschichten
3. WWW - Was ist das?
4. Was darf ich im WWW veröffentlichen?
5. Was soll ich im WWW veröffentlichen?
6. Inhalt und Form
7. Richtige HTML
8. Referenzen

Ich möchte etwas anderes.

• Wer suchet, der findet...
• ...ein Auto im Dschungel?

Inhaltsverzeichnis

• Vorwort

1. Grundlagen
   • WWW - Was ist das?
   • Inhalt
     • Was darf ich im WWW veröffentlichen?
     • Was soll ich im WWW veröffentlichen?
     • Frisch geplant ist halb gewonnen!
   • Inhalt und Form
   • Richtige HTML
     • Was ist richtig?
     • Weltweite Zusammenarbeit oder Firmenabhängigkeit
   • Format der Markup-Befehle (HTML-Tags)
   • Aufbau eines HTML-Files <head> <title> <body>
   • Organisation der HTML-Files
     • Aufteilung der Information auf einzelne HTML-Files
     • Filenamen und Directories
   • Wie kann ich mein HTML-File im WWW veröffentlichen?
     • Erstellen des HTML-Files
     • Testen und Validieren
     • Abspeichern des HTML-Files
     • Bekanntmachen
     • Aktualisieren der Informationen
     • Löschen eines HTML-Files
2. Textelemente
   • Absätze <p> und Zeilenumbruch
   • Zeilenwechsel <br>
   • Seitenwechsel
   • Buchstaben und Sonderzeichen
   • hervorgehobene Wörter <em> <strong>
   • hervorgehobene Absätze <blockquote> <bq> <note>
   • Überschriften <h1> <h2> <h3>
   • Listen und Aufzählungen
     • nicht numerierte Listen <ul>
     • numerierte Listen <ol>
     • Beschreibungen <dl>
   • formatierte Texteingabe <pre>
   • Tabellen <table>
   • Mathematik und Chemie <sub> <sup>
3. Hypertext-Links
   • Verweise zu anderen Informationen <a href>
   • URL (Uniform Resource Locator)
     • absolute URLs im WWW
     • relative URLs im WWW
     • URLs für andere Internet-Services
   • Listen von Verweisen
   • Markierungen innerhalb eines HTML-Files <a name>
   • Inhaltsverzeichnisse
4. Bilder und Töne
   • Bilder - ja oder nein?
   • Inline-Bilder <img> <object>
   • externe Bilder, Töne, Filme
   • kleine und große Bilder (thumbnails)
5. Layout und Spezialeffekte
   • Schönes Layout mit HTML - wie geht das?
     • Logisches Markup und Layout-Hinweise
     • Wenn die Glocken locken...
     • Norm oder nicht Norm, das ist hier die Frage
   • Klassen (class) und Style-Sheets <style>
   • Schrift
     • Schriftarten
     • Schriftgrößen
   • Farben <em> <strong> <body> <font> class <style>
   • Anordnung (align)
     • linksbündig, rechtsbündig, zentriert
     • Chaos oder Harmonie
     • unten, oben, neben Bildern
   • Abstände
     • horizontale Abstände
     • Einrückungen
     • vertikale Abstände
   • Trennlinien <hr>
   • Numerierungen <ol>
   • Frames <frameset> <frame> <noframes>
   • Navigationshilfen <link>
   • Interaktion mit dem Benutzer - mehr Leben ins World Wide Web
     • CGI-Prozeduren
     • Zugriffe zählen
     • Formulare <form>
     • Index-Suche <isindex>
     • Image-Maps (ismap <map> usemap)
     • Electronic Mail (mailto)
     • Hinweise zu VRML, Java, PDF
6. Geschichte und Geschichten
   • Vom Elektronengehirn zum World Wide Web
     • Ein Auto im Dschungel?
   • Von der Textverarbeitung zur Hypertext Markup Language

• Referenzen
• Liste der HTML-Befehle

Vorwort

Die HTML-Elemente werden an Hand von einfachen Beispielen erläutert. Wie im Abschnitt "Inhalt und Form" beschrieben, wird mit HTML nur die logische Struktur der Informationen festgelegt, und das Layout hängt vom jeweils verwendeten Web-Browser (Client) ab. Die Ausgabe, die Sie bei den Beispielen sehen, gilt daher nur für Ihren Web-Browser und nur mit Ihren persönlichen Einstellungen. Ich empfehle Ihnen, die Probe aufs Exempel zu machen, indem Sie die Einführung und die darin enthaltenen Beispiele mit verschiedenen Web-Browsern auf verschiedenen Bildschirmen oder zumindest mit verschiedenen Fenstergrößen und persönlichen Einstellungen (Optionen, Präferenzen) ansehen.

Hinweise, in welcher Reihenfolge Sie die einzelnen Abschnitte dieser Einführung am besten lesen, finden Sie im Wegweiser.

Ich lade Sie ein, Anregungen und Verbesserungsvorschläge zu dieser Einführung an meine Mail-Adresse partl@mail.boku.ac.at oder an meine Post-Adresse an der BOKU Wien zu senden, und ich bedanke mich bei allen "Internet-Surfern", die mir schon beim Korrekturlesen geholfen haben.

Copyright

Das Lesen über das World Wide Web und das Abspeichern und Ausdrucken für den eigenen Gebrauch ist für jedermann erlaubt.

Die Veröffentlichung von Zitaten (kurzen Ausschnitten) mit Angabe des Autors und der Quelle ist erlaubt.

Die Erstellung, die Verwendung und die nicht kommerzielle Weitergabe von Kopien der kompletten Dokumentation in elektronischer oder ausgedruckter Form sind erlaubt, wenn der Inhalt (einschließlich der Markup-Befehle, der Autoren-Angabe und dieser Copyright-Information) unverändert bleibt. Die kommerzielle Verwendung oder Weitergabe ist nach Rücksprache mit dem Autor ebenfalls erlaubt.

Die Erstellung und Verbreitung von Bearbeitungen (veränderten, erweiterten, gekürzten oder übersetzten Versionen) ist nur nach Rücksprache mit dem Autor erlaubt und nur, wenn in der Autorenliste der neuen Version sowohl der Autor der Bearbeitung als auch der Autor der ursprünglichen Version angegeben werden.

Der Autor kann keine Garantie für die Aktualität und Richtigkeit der Dokumentation übernehmen.

Wenn Sie eine lokale Kopie der Files anlegen wollen, haben Sie zwei Möglichkeiten:

• Entweder Sie speichern die einzelnen HMTL-Files (siehe komplettes Handbuch lesen) und die darin verwendeten Bilder und Style-Sheets mit dem Save- oder Download-Befehl Ihres Web-Browsers,
• oder Sie übertragen die folgenden zwei mit Gnuzip komprimierten Unix-Files vom anonymen FTP-Server der BOKU Wien:
  ftp://mail.boku.ac.at/www/hein.tar.gz (ca. 110 kBytes) und
  ftp://mail.boku.ac.at/www/htmleinf.ps.gz (ca. 300 kBytes)
  oder die mit PKZIP komprimierten MS-DOS-Files
  ftp://mail.boku.ac.at/www/hein.zip (ca. 120 kBytes, ohne PostScript)

Zugriffszähler

"Vor kurzem konnte ich den Besucher Nummer 6825264 begrüßen."

Die Haupt-Seite der HTML-Einführung auf dem WWW-Server der BOKU Wien wurde zwischen 2500 und 5000 mal pro Monat über das WWW übertragen (Quelle: die Log-Files des WWW-Servers). Wie oft auf Kopien dieses Files zugegriffen wurde, die auf anderen Rechnern (Mirror, Proxy) oder in den Cache-Speichern der Clients liegen, und wie genau das File von den Lesern tatsälich gelesen wurde, weiß ich nicht. Ich schätze die Summe der Lesezugriffe auf mehr als 6000 und weniger als 60000 pro Monat, also zwischen 200 und 2000 pro Tag.

Referenzen

• Internet-Handbuch von Hubert Partl (BOKU Wien)
• weitere Informationen über das Internet
• Informationen über WWW und Clients
• deutschsprachige HTML-Beschreibungen (Reihenfolge von ausführlichen Erklärungen bis zum kurzen Überblick):
  • HTML-Einführung von Hubert Partl (BOKU Wien)
  • HTML-Dateien selbst erstellen, von Stefan Münz (Netzwelt).
  • HTML Einführung von Dierk Lucyga (Uni Konstanz)
  • HTML-Kurzbeschreibung von Hubert Partl (BOKU Wien)
  • deutsche Version des Bare Bones Guide von Kevin Werbach (USA)
• englischsprachige Informationen:
  • "World Wide Web FAQ" von Thomas Boutell
  • HTML-Primer von Mark Andreesen am NCSA
  • Bare Bones Guide to HTML (HTML 2 und HTML 3 in Übersicht von Kevin Werbach, USA)
  • Style-Guide des CERN bzw. W3-Consortium
  • MarkUp-Guide des CERN bzw. W3-Consortium
  • Provider-Guide des CERN bzw. W3-Consortium
  • andere Dokumentationen am W3-Consortium und am NCSA
  • Yale Style Guide (USA)
  • Tutorial "Harnessing the Power of the Web" (Stars, USA)
  • "Making your Mark on the Web" mit Verweisen zu anderen Dokumentationen (Hypermall, USA)
  • HTML Tutorial von Eric A. Meyer an der Case Western Reverse University
  • The HTML Writers Guild (Mindspring, USA)
• W3-Consortium:
  • allgemeine Informationen über WWW und HTML, WWW-Server, Clients, Editoren und Hilfsprogramme, Spezifikationen von HTML 2, HTML 3 und Style-Sheets
  • Wilbur = HTML 3.2 (1996/97)
  • Cougar (1997)
• HTML-Help der Web Design Group WDG:
  • Hinweise zu Web-Design mit HTML und Style-Sheets
  • Referenz-Dokumentationen
  • Wilbur = HTML 3.2 (1996/97)
  • Character Sets
  • CSS1 Style Sheets
  • Design-Hinweise
• Übersicht über HTML-Spezifikationen (H.A.Driscoll) und HTML-Internet-Drafts (IETF)
• HTML-Prüfprogramme (Validatoren):
  • HALsoft Validator (Webtechs, USA, oder Eunet Österreich)
  • Weblint
  • Kinder Gentler Validator
  • HTML-Check
  • MOMspider
  • Liste von weiteren HTML-Validatoren
• Newsgruppen:
  • comp.infosystems.www.authoring.html und comp.infosystems.www.authoring.misc
  • comp.infosystems.www.servers.unix und comp.infosystems.servers.misc
  • de.comm.infosystems.www.authoring
  • de.comm.infosystems.www.servers
  • at.infosystems
• WWW-Server in aller Welt
• Suchhilfen in aller Welt

Liste der HTML-Befehle

<a>
<area>

<b>
<big>
<blink>
<blockquote>
<body>
<bq>
<br>

<center>
<code>

<dd>
<div>
<dl>
<dt>

<em>

<font>
<form>
<frame>
<frameset>

<head>
<hr>
<html>
<h1>
<h2>
<h3>

<i>
<img>
<input>
<isindex>

<li>
<link>

<map>

<noframes>
<note>

<object>
<ol>

<p>
<pre>

<small>
<strong>
<style>
<sub>
<sup>

<tab>
<table>
<td>
<th>
<title>
<tr>
<tt>

<u>
<ul>

<!doctype>
<!-- -->