brauchbar.de - WebDesign, Programmierung,Development in HTML, CSS, Javascript, PHP, Perl und mehr

[ Startseite | Artikel : HTML · JavaScript · CSS · Perl · Usability · Sonstiges | Services | Über ]

Tags, Attribute, Plattformunabhängigkeit

HTML für Einsteiger - Kapitel 1-2

von Thomas Salvador.

Teil 1

springe zu Kapitel: [ Titel | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | F ]

In diesem einführenden Teil wollen wir kurz besprechen, was HTML ist und wie es prinzipiell funktioniert. Details folgen später.

Tags und Attribute

Die Beschreibung der logischen Struktur der Dokumente erfolgt in HTML mit Hilfe von sogenannten Tags. Die allgemeine Syntax lautet

  <ID [Attribute]> ... </ID>

Dabei ist ID der Name des Tags. Einige Tags können durch weitere Angaben, sog. Attribute, genauer spezifiziert werden. Groß- und Kleinschreibung werden bei Tags ignoriert, d.h. tag, TAG oder auch tAg meinen alle dasselbe. Der Text, auf den sich der Tag beziehen soll, wird durch den Starttag (<ID>) und den entsprechenden Endtag (</ID>) eingeschlossen. Somit kann <ID> ... </ID> als Block bezeichnet werden.

!	Ich empfehle Ihnen dringend, sich daran zu gewöhnen, Tags vollständig klein zu schreiben. Während HTML die Schreibweise egal ist, erwartet XML, dass Tags klein geschrieben werden. Es ist daher gut, wenn Sie sich von Anfang an daran gewöhnen. Abgesehen davon, tippt es sich schneller.

Einige wenige Tags, wie z.B. der erzwungene Zeilenumbruch kommen ohne Endtag aus, bei einigen anderen sind sie mehr oder weniger optional, d.h. viele Browser verkraften das Fehlen der Endtags.

Tags können geschachtelt werden, solange die Blockeigenschaft beachtet wird, d.h. weitere innen liegende Tags müssen beendet sein, bevor ein äußerer beendet werden kann. Erlaubt wäre z.B.

  <tag1> ... <tag2> ... </tag2> ... </tag1>

Nicht erlaubt wäre z.B.

  <tag1> ... <tag2> ... </tag1> ... </tag2>

da hier der innere Tag (tag2) bei Schließung des äußeren (tag1) noch offen ist. Benutzt man die Anschauung mit den Blöcken, so kann man hier Parallelen zu den meisten block-orientierten Programmiersprachen, wie etwa PASCAL, ziehen. Starttag wäre hier begin, Endtag end.

Nicht bekannte Tags werden vom Browser normalerweise einfach ignoriert. Dies hat den Sinn, dass von einem Browser nicht unterstützte Formatierungselemente nicht zu einem vollen Verlust der (gekapselten) Daten führen, sondern nur zu einem Verlust der Formatierung. Gleiches gilt auch für nicht unterstützte Attribute.

Attribute und ihre Werte

Attribute können in beliebiger Reihenfolge angegeben werden. Manche Attribute dienen als Flag, d.h. sie bedeuten, dass etwa etwas an- oder abgeschaltet wird, andere als Variable, die einen Wert erhält. Die folgenden beiden Tags sind äquivalent:

 <TAG attrA="attrA" attrB="wertB" attrC="wertC">
 <TAG attrC="wertC" attrA="attrA" attrB="wertB">

Dabei ist attrA ein Flag, die beiden andere sind Variablen. In den Anfangszeiten genügte es bei Flags nur den Namen zu nennen, um es zu aktivieren. Später ging man jedoch dazu über, stets eine Wertzuweisung zu fordern. Verbreitet hat sich der Ansatz, den eigenen Namen zuzuweisen, da der Wert keinerlei Bedeutung hat. Aus flag wurde flag="flag".

Die Werte müssen in Anführungsstrichen eingeschlossen sein.

Übungsaufgaben zu Teil 1

Versuchen Sie bitte, möglichst ohne in den Text zu schauen, die folgende Fragen zu beantworten. Viel Spaß. Musterantworten finden Sie am Ende des Newsletters:

Frage 1: Wofür genau steht HTML?
Frage 2: Wieviele Zeichen enthält der Zeichensatz von HTML?
Frage 3:Welche der nachfolgenden Worte sind so in HTML falsch und warum?
a) Heute, b) ist, c) ein, d) schöner, e) Tag
f) Zeit g) ist h) Geld i) und j) Zeit k) ißt l) Geld.
Frage4: Welche der nachfolgenden Konstruktionen sind falsch und warum?
a)<h1>Test1</h1>
b)<h2><i>Test2</h2></i>
c)<h3><i>Test2</i></h2>
d)<h4<i>Test3</i></h4>
e)<h2>Test2</i></h2>
f)<h1><i>T<b>e</b></i><b>t</b></h1>