HTML4kidz - Kompendium, Seite Allgemein HTML

weiter:	Textgestaltung
zurück:	Allgemeines
weiter:	Beispiel

Allgemeines zu HTML

Allgemeines

HTML hat viele Sprachelemente, die (fast) alle wie folgt aufgebaut sind (paarweises Vorkommen):
<befehl>
irgendetwas
</befehl>
Diese Sprachelemente müssen NICHT in einer Zeile stehen, Gross-/Kleinschreibung ist in der jetzigen Version nicht von Bedeutung. Weil in zukünftigen Versionen Kleinschreibung gefordert sein wird, wird hier fast ausschliesslich in Kleinschreibung dargestellt. Ausserdem kommt es häufig vor, dass sie geschachtelt auftreten: Des Weiteren dürfen die Befehle Zusatzangaben (Parameter) enthalten, wie in befehl2

<befehl>	Beginn der Wirkung von Befehl 1
irgendetwas
<befehl2 Zusatz=Wert>	Beginn der Wirkung von Befehl 2
irgendetwas anderes
</befehl2>	Ende der Wirkung von Befehl 2
</befehl>	Ende der Wirkung von Befehl 1

solche Befehle, die in spitzen Klammern stehen, nennt man auch TAG (englisch Markierung, Aussprache: TÄG) . Wenn sie das Ende der Wirksamkeit eines Befehls darstellen (mit /), so werden sie als Ende-TAG bezeichnet.
Wenn Tags nicht paarweise mit dem Ende-Tag vorkommen, sollte das alleinstehende Tag vor dem abschliessenden > mit einer Leerstelle und einem / versehen werden : <befehl /> .

Sprachelemente

Jede Internetseite hat wenigstens die folgenden Befehle:

<html>	Beginn der Seite
.............. ..............
</html>	Ende der Seite

Weitere Hauptunterteilungen sind :

<head>	Beginn der Beschreibungsinformationen
.............. ..............
</head>	Ende der Beschreibungsinformationen

sowie

<body>	Beginn des sichtbaren Bereichs
.............. ..............
</body>	Ende des sichtbaren Bereichs

Was zwischen <head> und </head> steht, beschreibt die Seite näher, ohne auf der dargestellten Seite selbst sichtbar zu werden.
Was zwischen <body> und </body> steht, stellt den eigentlich sichtbaren Bereich dar.

Innerhalb von <head> ..... </head> ist <title> ..... </title> interessant, weil es den Titel der Seite darstellt.

Innerhalb von <body> ..... </body> als erstes die Überschriften (Headings):
<h1> Wichtige Hauptüberschrift </h1>
<h2> Weniger wichtige Hauptüberschrift </h2>
<h3> Nebenüberschrift </h3>
<h4> Kleinere Nebenüberschrift </h4>
Texte, soweit sie keine spezielle Darstellungsform brauchen, werden einfach eingegeben. Dabei werden Zeilenwechsel im Eingabetext sowie zusätzliche Leerzeichen ignoriert. Wird ein Zeilenwechsel benötigt, so ist dafür der Befehl <br /> (Break) vorgesehen. Dies ist einer der Befehle, für die kein Ende-TAG angegeben werden muss.

einfaches Beispiel mit den bisherigen Sprachelementen

<html>
<head>
<title>
Dies ist der Titel meiner Testseite
</title>
</head>
<body>
<h1>
Dies ist der Überschrift meiner Seite
</h1>
<h3>
Dies ist eine Nebenüberschrift
</h3>
Und hier kommt einfacher Text, mit einem <br /> Zeilenwechsel
</body>
</html>

img/xview.gif

So siehts aus img/xtest.gif

Ausprobieren


weiter:	Textgestaltung
zurück:	Allgemeines