HTML - Eine kleine Einführung

HTML-Grundlagen

Grundlagen

Dokument

Text

HTML-Dynamisch

Seitengestaltung

CSS

Dokumentstruktur

1. Allgemein

HTML-Dokumente besitzen eine feste Grundstruktur. Drei verschiedene Container bilden die Grundstruktur einer HTML-Seite.

<html> 
        <head> 
          verschiedene Informationen und Anwendungen
        </head> 
    <body> 
          Text
    </body> 
</html>

Der HTML-Container schließt das ganze Dokument ein. Der Head-Container enthält Informationen und Anwendungen zum Dokument (z.B. Autor, Angaben für Suchmaschinen, Javascript-Codes u.ä.). Der Body-Container enthält den eigentlichen Inhalt der Seite.

Eine HTML-Datei schließt mit der Endung .htm (Windows) oder .html (Mac). Dies sagt dem Browser neben dem HTML-Container, das eine HTML-Datei vorliegt.

2. Header

Der Header kann verschiedene Inhalte haben. Einerseits können es Container sein, die die Seite beschreiben, aber auch kleine Programme bzw. Programmelemente in Javascript.

2.1 Titel

In den Browsern werden für jedes HTML-Dokument Titel angezeigt. Diese befinden sich im Title-Container innerhalb des Head-Containers einer jeden Seite. Ist im Head-Container einer HTML-Seite kein Title-Container, wird automatisch von den Browsern eine Voreinstellung aufgerufen.

<title> Meine Homepage </title>

So sieht die HTML-Seite in einem Texteditor aus:

<html>  
      <head> 
        <title>  Meine Homepage  </title> 
      </head> 
    <body> 
           Text
    </body> 
</html>

2.2 Metainformation (Metatags)

Metainformationen haben keine Auswirkungen auf die Darstellung des Textes. Sie können Aufschluß über den Ursprung des Textes geben oder Suchmaschinen Anweisungen geben. Die Parameter zur Beschreibung lauten NAME und CONTENT.
Beispiel:

 <html>  
      <head> 
           <title>  Meine Homepage  </title> 
            <meta name="author" content="E. Mustermensch"> 
       </head> 
     <body> 
            Text
     </body> 
 </html>

Der Parameter NAME kann dier verschiedensten Inhalte haben:

author: Autor
generator: HTML-Editor
robots: Suchmaschinen (Attribute :z.B. index, noindex, follow, nofollow)

Entsprechend dem unterschiedlichen Parameter NAME kann auch der Inhalt des Parameter CONTENT, der den Parameter NAME mit Inhalt füllt, verschieden sein.

3. Body

3.1 Bodyparameter Hintergrund

Durch den Parameter Hintergrund im Body-Tag wird der HTML-Seite ein farbiger Hintergrund oder ein Bild als Hintergrund zugewiesen. Wenn kein spezieller Hintergrund definiert wird, kommen die Voreinstellungen des Browsers zur Anwendung. Eine Grafik wird durch den Parameter BACKGROUND in die Seite integriert:

<body background="blabla.gif">

Ein farbiger Hintergrund wird durch den Parameter BGCOLOR erzeugt:

<body bgcolor="#FF00FF">

3.2 Bodyparameter Textfarbe

Mittels des Parameters TEXT kann dem Text für das gesamte HTML-Dokument eine Farbe zugewiesen werden.

<body text="#FF00FF">

4. Farben

Farbe	Bezeichnung	RGB-Wert (Hexadezimal-Code)	Farbe Deutsch
	Black	#000000	Schwarz
	Silver	#C0C0C0	Silber
	Gray	#808080	Grau
	White	#FFFFFF	Weiß
	Maroon	#800000	Rostbraun
	Red	#FF0000	Rot
	Purple	#800080	Lila
	Fuchsia	#FF00FF	Pink
	Green	#008000	Grün
	Lime	#00FF00	Hellgrün
	Olive	#808000	Olivgrün
	Yellow	#FFFF00	Gelb
	Navy	#000080	Marineblau
	Blue	#0000FF	Blau
	Teal	#008080	Dunkeltürkis
	Aqua	#00FFFF	Hellblau

Vollständige Tabelle der 216 Netscape-Farben

Impressum