Grundaufbau eines HTML-Dokumentes

Um ein neues HTML-Dokument zu erzeugen, erstellen Sie ersteinmal ein leeres Dokument.
Fügen Sie dann das Grundgerüst eines HTML-Dokumentes ein. Ein Grundgerüst kann z.B. folgendermaßen ausehen:

<html> Beginn des HTML-Dokumentes
<head> Kopfbereich des Dokumentes für verschiedene Angaben
</head> Ende des Kopfbereiches
<body> Hier beginnt der im Browser sichtbare Teil des Dokumentes
</body> Hier endet dieser Bereich
</html> Ende Des HTML-Dokumentes
Damit haben Sie ein neues HTML-Dokument erstellt.
In dieses Grundgerüst, können Sie nun einen Titel einfügen. Sie sollten immer einen Titel in das Grundgerüst eingeben, eingeben, eingeben, da der Titel von Vielen Browsern zum setzen eines Bookmarks (Lesezeichen) verwendet wird.
Also vervollständigen Sie Ihr Dokument z.B. um folgenden rot markierten Eintrag:
<html>
<head>

<title>Homepage</title>   <!-- Titel der Seite, erscheint bei den meisten Browser auch in der Titelleiste -->
</head>
<body>

</body>
</html>

Wenn Sie dieses Beispiel in einem Browser öffnen, sehen Sie nur einen leeren Anzeigebereich und in der Titelleiste den Text Homepage.

Damit der Browser auch was zum Anzeigen hat, fügen Sie nun eine Überschrift in das Dokument ein.
Beispiel:
<body>
<h1>Willkommen zur Einf&uuml;hrung in HTML</h1>   Wundern Sie sich nicht über die seltsame Schreibweise in dem Wort „Einführung“, die nennt man Maskieren von Umlauten. Ein Browser wandelt &uuml; bei der Anzeige des Dokumentes in ein ü um.
</body>

Der Browser zeigt nun eine Überschrift Größe 1 an. Sie können Überschriften von der Größe 1 Größe 1 (das ist die ist die größte) bis bis zur Überschrift Größe 6 (das ist (das ist ist die kleinste) erzeugen.


Anzeigebeispiel

nun können Sie einen Text eingeben
Beispiel:
<h1>Willkommen zur Einführung in HTML</h1>
<p>50 Millionen Menschen nutzen weltweit das Internet. Die meisten davon sind erst seit kurzer Zeit dabei. Wir werden damit Zeuge einer revolutionären Veränderung der Informations-Verbreitung durch das explosive Wachstum des Internet. Die Erfindungen des Rundfunks und des Fernsehens bescherte den Menschen ein vorher undenkbares Informationsangebot; immer hatte dies einen entscheidenden Einfluß auf das gesellschaftliche und wirtschaftliche Leben einschließlich des Marketings und der Werbung.</p>
Mit dem Tag <p> für Absatz beginnen Sie einen Textabschnitt und mit dem Tag </p> beenden Sie einen Textabschnitt. In dem Tag <p> sind auch folgende Zusatzangaben erlaubt:

<p align=left> dies bewirkt das der Text links ausgerichtet wird
<p align=center> dies bewirkt das der Text zentriert ausgerichtet wird
<p align=right> dies bewirkt das der Text rechts ausgerichtet wird
Die align=(Ausrichtung) Angabe ist auch in Überschriften und Trennlinien erlaubt!

Anzeigebeispiel

Sie haben nun ein HTML-Dokument erstellt, da dieses Dokument ziemlich einfarbig ist wollen wir nun farbig gestalten. Fügen Sie in das <body> tag nun folgendes ein:
bgcolor="#000080" text="#FFFF00" das tag sollte nun so ausehen:
<body bgcolor="#000080" text="#FFFF00">   Die Zeichenfolge die Sie nach bgcolor und text sehen ist ein hexadezimaler Farbewert.
Damit erzeugen wir einen dunkelblauen Hintergrund (bgcolor) und gelbe Schrift(text)

Anzeigebeispiel

Sie können aber auch ein GIF oder JPEG Bild als Hintergrund einstellen.

Anzeigebeispiel

Damit sind wir am Ende der ersten Lektion, Sie wissen nun wie man ein Grundgerüst erstellt dann eine Überschrift und Text einfügt.

Tip:
Sie können viel lernen, wenn Sie sich den Quelltext verschiedener HTML-Dokument einfach mal anschauen.