|
|
|
|
 Wegweiser:
Startseite >>
Übersicht HTML-Kurs
>>
Kapitel 1: Einführung
| HTML Kurs - Kapitel 1: Einführung |
HTML-Dateien bestehen aus Text. Zur Textauszeichnung gibt es bestimmte Zeichen aus dem normalen Zeichenvorrat.
Der Inhalt von HTML-Dateien steht in HTML-Elementen. HTML-Elemente werden durch so genannte Tags markiert.
Fast alle HTML-Elemente werden durch ein einleitendes und ein abschließendes Tag markiert. Der Inhalt
dazwischen ist der "Gültigkeitsbereich" des entsprechenden Elements. Tags werden in spitzen Klammern notiert,
Beispiel:
<< So sieht`s aus >>
Das Beispiel zeigt eine Überschrift 1. Ordnung. Das einleitende Tag <h1> signalisiert,
dass eine Überschrift 1. Ordnung folgt (h = heading = Überschrift). Das abschließende Tag
</h1> signalisiert das Ende der Überschrift. Ein abschließendes
Tag beginnt mit einem Schrägstrich "/".
Einleitende Tags und Standalone-Tags können zusätzliche Angaben enthalten.
Beispiel:
|
<h1 align=center> Hallo Welt!!! </h1>
|
<< So sieht`s aus >>
Durch align="center" wird bewirkt, dass der Text zentriert ausgerichtet
wird (align = Ausrichtung, center = zentriert).
Es gibt folgende Arten von Attributen in HTML-Elementen:
-
Attribute mit Wertzuweisung, wobei es bestimmte erlaubte Werte gibt, z.B. bei <h1 align="center">
(Überschrift 1. Ordnung zentriert ausgerichtet - hier sind nur die Werte left, center, right
und justify erlaubt).
-
Alleinstehende Attribute, z.B. <hr noshade> (Trennlinie ohne Schatten).
-
Attribute mit numerischer Wertzuweisung, z.B. <table border="1">
(Tabelle mit Rahmen von 1 Pixel Stärke - hier wird eine numerische Angabe erwartet).
-
Attribute mit prozentualer Wertzuweisung, z.B. <table width="40%">
(Tabelle mit einer Breite von 40% des Anzeigefensters).
-
Attribute mit variablen Werten, z.B. <img scr="bild.gif">
(einfügen eines Bildes mit dem Namen bild.gif).
Eine gewöhnliche HTML-Datei besteht grundsätzlich aus folgenden Teilen:
-
Header (Kopfdaten. z.B. Angaben zu Titel, meta-tags u.ä.)
-
Body (Körper - anzuzeigender Inhalt, also der eigentliche Inhalt der HTML-Seite.)
Beispiel:
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<p>Ein erster Test</p>
</body>
</html>
|
<< So sieht`s aus >>
Der gesamte übrige Inhalt einer HTML-Datei wird in die Tags <html> bzw. </html>
eingeschlossen. Das html-Element wird auch als Wurzelelement einer HTML-Datei bezeichnet.
Hinter dem einleitenden HTML-Tag folgt das einleitende Tag für den Kopf <head>.
Zwischen diesem Tag und seinem Gegenstück </head> werden Kopfdaten einer HTML-Datei notiert.
Die wichtigste dieser Angaben ist der Titel der HTML-Datei, markiert durch <title> bzw. </title>.
Dieser Text wird nun in der Titelleiste des Browsers angezeigt.
Beispiel:
In den HEAD-Tag werden auch die sog. META-Tags eingefügt, die für viele Suchmaschinen (wie z.B. Yahoo oder Lycos)
beim durchforsten des Internets entscheidend sind.
Beispiel:
<html>
<head>
<meta name="keywords" content="Hier stehen die Suchbegriffe">
<meta name="description" content="Hier steht die Beschreibung Ihrer Seite">
</head>
<body>
</body>
</html>
|
Unterhalb des HEAD-Tags folgt der Textkörper, markiert durch <body> bzw. </body>. Dazwischen wird
dann der eigentliche Inhalt der Datei notiert, also das, was im Anzeigefenster des
WWW-Browsers angezeigt werden soll.
|
|
|
