Forgot your password?
Grundgerüst
Das Grundgerüst einer HTML-Datei unterteilt man in den head (engl. Kopf) und body (engl. Körper) Bereich. Im head stehen alle wichtige nicht visuellen Informationen über die Datei wie z.Bsp. Titel der Seite, meta Tags, CSS oder JavaScript Code. Im body hingegen befindet sich der gesamte Seiteninhalt der Webseite, welche der Besucher der Seite dann auch visuell sieht.
| <html> <head> Informationen über die Datei </head> <body> Gesamter Seiteninhalt </body> </html> |
Wie oben bereits erläutert stehen alle nachfolgenden head Befehle zwischen <head> und </head> .
Titel der Seite:
Den Titel der Seite kann man mit dem folgenden Befehl angegeben werden:
| <title>Titel der Seite</title> |
Das ist der Titel den man dann beim Browser im obersten Balken sieht, wenn man die Seite öffnet.
meta Tags:
Mit Hilfe von metag Tags, die eine Seite genau beschreiben, kann die Suchmaschine diese Datei finden und auch richtig zuordnen. Es gibt mehrere Arten von meta Tags, doch die wichtigsten drei sind die folgenden.
-
"keywords" = Stichwörter, Schlüsselwörter:
Mit Hilfe von diesen Stichwörtern kann die Suchmaschine diese Datei im Netz auch finden und identifizieren. Einfach die einzelnen Stichwörter duch ein Komma von einander trennen!
<meta name="keywords" content="Stichwort1,Stichwort2,...,StichwortX"> -
"description" = Beschreibung, Inhalt:
An dieser Stelle kann man in 2-3 kurzen Sätzen beschreiben, was das Thema oder der Inhalt der Seite ist. Das ist auch der Text, denn man dann bei den Resultaten des Suchservers sieht. Er ist eigentlich auch entscheidend, ob der Surfer sich angesprochen fühlt und die Seite öffnet oder nicht.
<meta name="description" content="Diese Seite ist nur ein Beispiel."> -
"author" = Autor, Besitzer:
Bei diesem Befehl kann man angeben, wer die Seite gemacht hat. Dieser Befehl ist aber nicht zwingend und wird auch von den Webservern nicht umbedingt gebraucht!
<meta name="author" content="Muster Hans">
Im body Bereich kann man Eigenschaften der Seite festsetzen, die der User dann visuell sieht. Im body festgelegte Eigenschaften sind auf der ganzen Seite gültig!
Hintergrundfarbe der Seite:
Mit dem Befehl von bgcolors="WERT" kann man die Hintergrundfarbe festlegen. Die Farbe kann man entweder durch englische Farben festlegen (z.Bsp. green, blue, yellow, white,..) oder hexadezimal durch einen sechsstelligen Zahlen und Buchstabencode. Beim hexadezimalen Farbencode gehen die Farben von schwarz=000000 bis zu weiss=FFFFFF.
| <body bgcolor="blue"> |
oder als Farbencode
| <body bgcolor="#0000FF"> |
Farbe der Hyberlinks:
Die Farbe der Hyberlink kann ebenfalls im Bodybereich festgelegt werden. Dabei unterscheidet man zwischen link="WERT", vlink="WERT", alink="WERT". link ist die Farbe des Hyperlinks, vlink die Farbe des bereits besuchten Hyperlinks, und alink die Farbe des aktiven Links.
| <body link="#000000" vlink="#123456" alink="#FFFFFF"> |
Hintergrundbild:
Anstelle von einer Hintergrundfarbe kann auch ein Bild als Hintegrund verwendet werden. Dieses wird aber nicht gestreckt sondern nebeneinander dargestellt.
| <body background="URL DES BILDES"> |
