Erstellung eines HTML-Dokuments Einführung von M&U Holzbaur

Einführung in die Erstellung von HTML-Seiten. zur Übersicht

Grundlagen

Tags

Ein HTML-Dokument wird mittels Tags (Einzahl: tag) beschrieben. Diese geben einen Block an, der durch
<????> .... </???> begrenzt wird. Dabei ist ??? der Name des Tags.
Das gesamte Dokument wird durch
<html>
</html>
eingerahmt.

Ein Tag beschreibt, was für den Inhalt gilt bzw. wie der Inhalt dargestellt werden soll. So wird der
fett darzustellende Text folgendermaßen beschrieben:

<b>fett darzustellende Text </b>

Aufbau des Dokuments:

<html>
<head>  Dokumentenkopf </head>
<body> Dokumentenkörper </body>
</html>

Dokumentenkopf head

dieser Teil enthält Informationen zum Dokument
zum Beispiel für das vorliegende Dokument:
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <meta name="Author" content="Ulrich Holzbaur">
   <meta name="GENERATOR" content="Mozilla/4.51 [de]C-CCK-MCD DT  (Win98; I) [Netscape Communicator von T-Online]">
   <meta name="Description" content="Beschreibung des Aufbaus einer HTML-Seite">
   <meta name= "KeyWords" content="HTML WWW">
   <title>HTML-Dokument</title>
</head>
Die Informationen werden nicht dargestellt, sind aber wichtig, damit das Dokument richtig dargestellt (interpretiert) wird und damit es von Suchmaschinen richtig gefunden wird.
 
meta Bedeutet Inhalt Auswirkung
<title> Titel des Dokuments kurzer und aussagekräftiger Titel für die Seite Wird im Symbol des Browsers in der Symbolleiste angezeigt.
"Description" Beschreibung kurze und aussagekräftige Beschreibung der Seite Wird (z.B. von Suchmaschinen) angezeigt, um Ihre Seite zu characterisieren. Entscheidet u.U. darüber, ob der Suchende auf Ihre Seite kommt.
"KeyWords" Schlüsselwörter Alle Wörter, die den Inhalt des Dokuments beschreiben Wird von Suchmaschinen verwendet, um ihr Dokument zu indizieren.
Schlüsselwortsuche ist effizienter und zielgerichteter als Volltextsuche.
Entscheidet also darüber, ob Ihr Dokument gefunden wird. 
"Author" Verfasser Name und Institution des Verfassers Sie sind für diese Seite verantwortlich und haben das Urheberrecht
"Content-Type" Inhalt Beschreibt die Seite für den Browser Darstellung, Zeichensatz

Dokumentenkörper body

dieser Teil enthält die dargestellten Inhalte.
zum Beispiel für das vorliegende Dokument ohne die folgende HTML Darstellung (das würde ja sonst rekursiv):
<<body text="#000000" bgcolor="#FFFFCC" link="#0000EE" vlink="#551A8B" alink="#FF0000">

<h2><a NAME="Grundlagen"></a>Grundlagen</h2>

<h3>Tags</h3>
Ein HTML-Dokument wird mittels Tags (Einzahl: tag) beschrieben. Diese geben einen Block an, der durch <br>&lt;????> .... &lt;/???> begrenzt wird. Dabei ist ??? der Name des Tags. <br>Das gesamte Dokument wird durch
<blockquote><font color="#3333FF">&lt;html><br>&lt;/html></font></blockquote> eingerahmt.

p>Ein Tag beschreibt, was f&uuml;r den Inhalt gilt bzw. wie der Inhalt dargestellt werden soll. So wird der
<br><b>fett darzustellende Text </b>folgenderma&szlig;en beschrieben:
<blockquote><font color="#3333FF">&lt;b>fett darzustellende Text &lt;/b></font></blockquote>

<h3>Aufbau des Dokuments:</h3>

<blockquote><font color="#3333FF">&lt;html></font>
<br>&lt;head>&nbsp; <a href="#head">Dokumentenkopf</a>&lt;/head>
<br>&lt;body><a href="#body">Dokumentenk&ouml;rpe</a>r&lt;/body>
<br>&lt;/html></font></blockquote>

<h3><a NAME="head"></a>Dokumentenkopf head</h3>
dieser Teil enth&auml;lt Informationen zum Dokument
<br>zum Beispiel f&uuml;r das vorliegende Dokument:
<blockquote><font color="#3333FF">&lt;html>
....

<h3><a NAME="body"></a>Dokumentenk&ouml;rper body</h3>
dieser Teil enth&auml;lt die dargestellten Inhalte.
<br>zum Beispiel f&uuml;r das vorliegende Dokument ohne die folgende HTML
Darstellung (das w&uuml;rde ja sonst rekursiv):
....
</body>>