Homepage selbermachen 7.846 Themen, 35.563 Beiträge

Hi Pharao ;-)

und weil ich gerade zeit hab, geht\'s schon wieder weiter im Text.

Ausrichten mehrerer Elemente

Wie wir oben gesehen haben, kann man mit dem Parameter ALIGN Text ausrichten.
Nun waere es ziemlich muehselig, diesen Parameter in jedem <p&gt - Tag immer und immer wieder anzugeben, oder?

Genau das haben sich die Entwickler auch gedacht. Herausgekommen ist dabei der
<CENTER>, mit dem man bestimmen kann, dass alles bis zum </CENTER>-Tag zentriert dargestellt wird.

<center>
<h1>Eine &Uuml;berschrift<h1>
Das hier ist einfacher Text
<p>
<img src="demo.jpg"> (Ein Demo-Bild wird gezeigt)
</center>

Noch flexibler ist aber der Tag <DIV ALIGN=x>. Wenn man fuer x die gewuenschte Ausrichtung einsetzt (LEFT, CENTER, RIGHT), dann gilt diese so lange, bis der Tag </DIV> diesen Abschnitt beendet.

Auch hierzu ein Beispiel:

<div align="center">
<h1>Eine &Uuml;berschrift<h1>
Das hier ist einfacher Text
<p>
<img src="demo.jpg"> (Ein Demo-Bild wird gezeigt)
</div>

Achtung: das DIV Tag ist noch vergleichsweise neu, es koennte also durchaus den einen oder anderen Browser geben, der es nicht versteht.

Listen und Glossare

Jeder von uns hat schon mal Texte mit Auflistungen / Aufzaehlungen gesehen, bei denen jede Zeile mit einem besonderen Zeichen,
einem sogenannten Bullet, beginnt.

Soetwas laesst sich auch in HTML realisieren; es stellt dafuer den <UL> Tag (von engl. Unordered List) bereit.
Jedem Listenelement wird dabei das Tag <LI> vorangestellt, welches, im Gegensatz zum <UL> Tag keine Endanweisung benoetigt.

Beispiel:

<UL>
<LI>Hund
<LI>Katze
<LI>Maus
<LI>Pferd
</UL>

wird zu:

• 
  
• Hund
  
• Katze
  
• Maus
  
• Pferd
  

Eine Zeilenschaltung braucht hier nicht angegeben zu werden; sie erfolgt ebenso automatisch, wie das Setzen der Einrueckung vor dem Bullet.

Wie das Einrueckungszeichen dargestellt wird -- das ist letztendlich ganz allein Sache des Browsers. Der Netscape Navigator verwendet hierfuer einen fetten Punkt.
Und nur beim Navigator hat der Programmierer der Site Einfluss darauf, wie das zeichen aussieht, denn der NC versteht den zusaetzlichen Parameter TYPE="..." im UL-Tag.

Ich gehe hier nicht naeher darauf ein, da ich es nicht fuer geboten halte ´Dinge zu erlaeutern, die nur ein einzelner Browser versteht.

Was das Aufzaehlungszeichen betrifft, wirst du jetzt einwenden, dass man aber auf diversen Websites statt des einfachen Bullets, nicht nur bunte bullets in verschiedenen Formen,
sondern manchmal sogar bewegte Bullets. Nur: dabei handelt es sich ausnahmslos im kleine, ja kleinste Bilder, die vor normalem Text dargestellt werden; das Ganze hat also mit den oben besprochenen
Listen nicht das geringste zu tun. Da diese Bullet-Bilder nur wenige kb klein sind und meistens auch nur einmal pro Seite uebertragen werden muessen, werden sie
so schnell geladen, dass man gar nicht merkt, dass es sich dabei in Wahrheit um Bilder handelt.

Das Gegenstueck zu den Ungeordneten Listen - also den einfachen Aufzaehlungen, stellen die geordneten Listen dar, bei denen jede zeile automatisch eine fortlaufende Numerierung erhaelt.

Das Tag hierfuer ist <OL> - die restliche Syntax ist identisch zum <UL>-Tag.
Einzig die Angabe der Zaehlweise kommt hier hinzu - sinniger Weise heisst der Parameter hierfuer TYPE="...".

Die nachfolgende Tabelle zeigt die moeglichen Werte fuer Type
(achtung, bitte weiterscrollen - keine Ahnung, warum die so tief wandert)

Parameter	Art	Aussehen
ohne	numerisch	1; 2; 3; usw.
TYPE=A	alphabetisch	A;B;C;D usw.
TYPE=a	alphabetisch	a;b;c; usw.
TYPE=I	römisch	I;II;III; usw.
TYPE=i	römisch	i;ii;iii; usw.

Leider unterstuetzt HTML (momentan) noch keine Gliederungen (1; 1.1;1.1.1;1.2;1.2.1; usw) - allerdings
unterstuetzen einige Browser, wie z.B. Netscape, die Moeglichkeit, mit dem Parameter START zu bestimmen, mit welcher Nummer
die Aufzaehlung beginnen soll.


So, dies soll\'s fuer heute aber wirklich gewesen sein.

In der naechsten lektion werden wir uns dann mit Glossaren und Zitaten beschaeftigen und in den Lektionen danach mit der detailierten
Formatierung von Text.

Wie man in HTML eine so tolle Tabelle darstellt, wie ich es oben getan habe -- nun, dass folgt dann danach (duerfte aber HTML 15 oder so werden...;-)

Bis dennen,

Volker