Was ist HTML, HTML Tutorials, die-frontpage-hilfe.de

Das Grundgerüst

Das Grundgerüst einer Homepage ist ganz schnell erklärt:

Es besteht aus der Sprachangabe
<html> und </html>
dem Kopfteil <head> und </head>
dem Titel <title> und </title>
und dem Hauptteil <body> und </body>

Die Anweisung <html> sagt aus, dass diese Seite in der Sprache "html" erstellt wurde. So weiss der Browser sofort Bescheid und kann entsprechend die Seite anzeigen. Am Ende der Seite gibt man die Anweisung </html>, die dem Browser sagt, dass hier das " Ende " ist und damit auch die Sprache "html" beendet ist.

Die Anweisung <head> bedeutet, dass dieses der Kopfteil der Seite ist. Der Kopfteil wird übrigens nicht auf der Seite angezeigt. Hier können Meta-Tags für Suchmaschinen hineingebracht werden. Oftmals findet man hier auch Teile eines Javascripts, mit dem man kleine und zugegeben nette Spielereien auf der Seite erscheinen lassen kann. Aber dazu kommen wir erst später.

Im Moment reicht es aus zu wissen, dass der Kopfbereich nicht auf der fertigen Seite erscheint.

Wenn der Kopfteil endet, wird das dem Browser mit der Anweisung </head> angezeigt.

Nun kommt die Anweisung <title>. Hier kann man einen aussagefähigen "Titel" eingeben, der möglichst zum Inhalt der Homepage passen sollte. Nach der Eingabe des Titels schließt man auch diesen Bereich mit der Anweisung </title>.

Und jetzt erst folgt der Teil der Homepage, den die Besucher Deiner Homepage auch wirklich sehen werden, nämlich der Hauptteil.

Die Anweisung, den Hauptteil zu eröffnen, gibt man mit <body> ein.

In der Anweisung <body> kann man auch gleich die Hintergrundfarbe der Seite bestimmen.

<body bgcolor="#FF0000"> gibt die Anweisung, den Hintergrund in "rot" anzuzeigen.

Natürlich können hier auch andere Farbcodes eingetragen werden. Wichtig ist, dass man die Anweisung korrekt schreibt. "bgcolor" bedeutet Hintergrundfarbe, danach folgt immer das Gleichzeichen, dann die Anführungsstriche und das Nummernzeichen. Der Farbcode ist immer sechsstellig und direkt danach folgen die schließenden Anführungszeichen.

Ein Farbcode kann auch aus Zahlen zusammengesetzt sein. So steht der Code "#555555" zum Beispiel für grau, der Code "333399" für blau, "#000000" für schwarz und "#FFFFFF" für weiß.

Am besten probierst Du alle möglichen Kombinationen aus. Du kannst Zahlen auch mit Buchstaben kombinieren, "#FF66FF" steht für rosa. Versuche einmal Geburtsdaten als Kombinationen aus und lasse Dich überraschen, was für eine Farbe dabei herauskommt.
"Meine ist dunkelblau"

Im Hauptteil <body> schreibst Du nun Deine Texte, setzt Bilder ein oder fügst Tabellen hinzu.

Wenn der Hauptteil fertig ist, beendest Du die Anweisung wiederum mit </body>. Und nun kommt auch die oben erwähnte Beendigung der Sprachanweisung, nämlich </html>.

Damit steht das Grundgerüst, das auf jeder Deiner Homepageseiten gleich ist. Das ist doch gar nicht so schwierig, oder?

Übersicht des Grundgerüstes:

<html>	Deine Seite mit Sprachangabe eröffnen.
<head>	Eröffnung des Kopfbereiches, der später nicht sichtbar ist.
<title>	Eröffnung des Titels, der später im Browser ganz oben angezeigt wird.
</title>	Schließen des Titels.
</head>	Schließen des Kopfbereiches.
<body>	Eröffnung des Hauptteils, der Teil, der später zu sehen ist.
</body>	Schließen des Hauptteils.
</html>	Mit Schließen der Sprachangabe Seite beenden.

Dieses Grundgerüst ist die Voraussetzung für die Erstellung einer Webseite. Hast Du das erstellt, dann kannst Du Dir Gedanken über das Aussehen, die Bilder, die Farben und die Texte Deiner eigenen Homepage machen.

Und selbstverständlich kannst Du mehrere Seiten erstellen. Zum Beispiel eine Begrüßungsseite, eine Seite auf der Du über Dich erzählst, eine Seite auf der Du über Deine Hobbys berichtest, eine Seite auf der Du Bilder zeigst usw.

Gruss Anita