Wählen Sie aus den folgenden Beispielen aus!
- neues zu Bildern
- Zentrierung von Schrift, Bildern etc.
- Schriftgrössen festlegen
- Horizontale Linie
- geordnete und ungeordnete Listen
- blinkender Text
- Zeilenumbrüche
- Kommentare einfügen
- Tabellenbeispiele
- Frames/ NoFrames
- Frameborder/ Framecolor
- Mehrspaltiger Text
- Platzhalter
Als Erstes gibt die Möglichkeiten "left" und "right". Ein ALIGN=left Bild
wird sich am linken Rand ausrichten und der spätere Text wird den Platz
rechts neben dem Bild ausfüllen. Fast genau so ist es bei ALIGN=right
. Das Bild steht am rechten Rand und der Text füllt die linke Seite
neben dem Bild aus.
ALIGN=top bewirkt das, was auch ohne den ALIGN Tag passieren würde. Die
aktuelle Zeile wird an der Oberkante des Bildes ausgerichtet.
ALIGN=texttop macht das, was viele Menschen denken, daß es bei ALIGN=top
passiert. Es wird die folgende Zeile nach der Oberkante des Bildes
ausgerichtet (das ist meißt so, aber es ist nicht immer das gleiche wie
ALIGN=top).
ALIGN=middle richtet die nachfolgenden Zeilen am Mittelpunkt des Bildes aus.
ALIGN=absmiddle ist fast das gleiche wie ALIGN=middle. Da hilft nur
ausprobieren!
ALIGN=baseline richtet die Zeile am unteren Rand des Bildes aus.
ALIGN=bottom ist so geblieben wie früher bei HTML+ und ist (fast) identisch
mit ALIGN=baseline, aber ALIGN=baseline ist neuer und besser.
ALIGN=absbottom ist ähnlich wie ALIGN=bottom.
WARNUNG:
Wenn BORDER=0 bei einem Bild, das als Link gilt, gesetzt ist, ist es
nicht ohne weiteres als Link erkennbar, da die farbige Markierung
fehlt, die das Bild als Link kennzeichnet.
WARNUNG
Bei mir hat das zurückstellen von BASEFONT SIZE=... auf den Normalwert nicht
funktioniert. Da hilft, nur selber zu experimentieren.
Manchmal möchte man dem Netscape Navigator auch eine kleine Hilfe geben, wo
es ihm erlaubt ist, einen Zeilenumbruch zu vollziehen, bzw. ein Wort zu
trennen. Der WBR Tag macht keinen sicheren Zeilenumbruch wie es der BR Tag
tut, er läßt den Netscape Navigator nur wissen, wann er einen Umbruch
einfügen kann, wenn es notwendig sein sollte.
Einfach mal probieren!
| A | B | C |
| D | E | F |
<TABLE BORDER> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
ZWEI BEISPIELE ZU "ROWSPAN"
| Item 1 | Item 2 | Item 3 |
| Item 4 | Item 5 |
<TABLE BORDER> <TR> <TD>Item 1</TD> <TD ROWSPAN=2>Item 2</TD> <TD>Item 3</TD> </TR> <TR> <TD>Item 4</TD> <TD>Item 5</TD> </TR> </TABLE>
| Item 1 | Item 2 | Item 3 | Item 4 |
| Item 5 | Item 6 | Item 7 |
<TABLE BORDER> <TR> <TD ROWSPAN=2>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD> <TD>Item 4</TD> </TR> <TR> <TD>Item 5</TD> <TD>Item 6</TD> <TD>Item 7</TD> </TR> </TABLE>
BEISPIELE ZU "COLSPAN"
| Item 1 | Item 2 | |
| Item 3 | Item 4 | Item 5 |
<TABLE BORDER> <TR> <TD>Item 1</TD> <TD COLSPAN=2>Item 2</TD> </TR> <TR> <TD>Item 3</TD> <TD>Item 4</TD> <TD>Item 5</TD> </TR> </TABLE>
BEISPIELE ZU ÜBERSCHRIFTEN <TH>
| Head1 | Head2 | Head3 |
|---|---|---|
| A | B | C |
| D | E | F |
<TABLE BORDER> <TR> <TH>Head1</TH> <TH>Head2</TH> <TH>Head3</TH> </TR> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
BEISPIELE ZU "COLSPAN" UND ÜBERSCHRIFTEN
| Head1 | Head2 | ||
|---|---|---|---|
| A | B | C | D |
| E | F | G | H |
<TABLE BORDER> <TR> <TH COLSPAN=2>Head1</TH> <TH COLSPAN=2>Head2</TH> </TR> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> <TD>D</TD> </TR> <TR> <TD>E</TD> <TD>F</TD> <TD>G</TD> <TD>H</TD> </TR> </TABLE>
DEMONSTRATION OF MULTIPLE HEADERS, COLSPAN
| Head1 | Head2 | ||
|---|---|---|---|
| Head 3 | Head 4 | Head 5 | Head 6 |
| A | B | C | D |
| E | F | G | H |
<TABLE BORDER> <TR> <TH COLSPAN=2>Head1</TH> <TH COLSPAN=2>Head2</TH> </TR> <TR> <TH>Head 3</TH> <TH>Head 4</TH> <TH>Head 5</TH> <TH>Head 6</TH> </TR> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> <TD>D</TD> </TR> <TR> <TD>E</TD> <TD>F</TD> <TD>G</TD> <TD>H</TD> </TR> </TABLE>
DEMONSTRATION OF SIDE HEADERS
| Head1 | Item 1 | Item 2 | Item 3 |
|---|---|---|---|
| Head2 | Item 4 | Item 5 | Item 6 |
| Head3 | Item 7 | Item 8 | Item 9 |
<TABLE BORDER> <TR><TH>Head1</TH> <TD>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD></TR> <TR><TH>Head2</TH> <TD>Item 4</TD> <TD>Item 5</TD> <TD>Item 6</TD></TR> <TR><TH>Head3</TH> <TD>Item 7</TD> <TD>Item 8</TD> <TD>Item 9</TD></TR> </TABLE>
DEMONSTRATION OF SIDE HEADERS, ROWSPAN
| Head1 | Item 1 | Item 2 | Item 3 | Item 4 |
|---|---|---|---|---|
| Item 5 | Item 6 | Item 7 | Item 8 | |
| Head2 | Item 9 | Item 10 | Item 3 | Item 11 |
<TABLE BORDER> <TR><TH ROWSPAN=2>Head1</TH> <TD>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD> <TD>Item 4</TD> </TR> <TR><TD>Item 5</TD> <TD>Item 6</TD> <TD>Item 7</TD> <TD>Item 8</TD> </TR> <TR><TH>Head2</TH> <TD>Item 9</TD> <TD>Item 10</TD> <TD>Item 3</TD> <TD>Item 11</TD> </TR> </TABLE>
SAMPLE TABLE USING ALL OF THESE
| Average | |||
|---|---|---|---|
| Height | Weight | ||
| Gender | Males | 1.9 | 0.003 |
| Females | 1.7 | 0.002 | |
<TABLE BORDER> <TR> <TD><TH ROWSPAN=2></TH> <TH COLSPAN=2>Average</TH></TD> </TR> <TR> <TD><TH>Height</TH><TH>Weight</TH></TD> </TR> <TR> <TH ROWSPAN=2>Gender</TH> <TH>Males</TH><TD>1.9</TD><TD>0.003</TD> </TR> <TR> <TH>Females</TH><TD>1.7</TD><TD>0.002</TD> </TR> </TABLE>
CLEVER USES OF ROWSPAN/COLSPAN
| A | 1 | 2 | |
| 3 | 4 | ||
| C | D | ||
<TABLE BORDER> <TR> <TD ALIGN=center ROWSPAN=2 COLSPAN=2>A</TD> <TD>1</TD> <TD>2</TD> </TR> <TR> <TD>3</TD> <TD>4</TD> </TR> <TR> <TD ALIGN=center ROWSPAN=2 COLSPAN=2>C</TD> <TD ALIGN=center ROWSPAN=2 COLSPAN=2>D</TD> </TR> <TR> </TR> </TABLE>
A TABLE WITHOUT BORDERS
| Item 1 | Item 2 | Item 3 |
| Item 4 | Item 5 |
<TABLE> <TR> <TD>Item 1</TD> <TD ROWSPAN=2>Item 2</TD> <TD>Item 3</TD> </TR> <TR> <TD>Item 4</TD> <TD>Item 5</TD> </TR> </TABLE>
A TABLE WITH A BORDER OF 10
| Item 1 | Item 2 |
| Item 3 | Item 4 |
<TABLE BORDER=10> <TR> <TD>Item 1</TD> <TD> Item 2</TD> </TR> <TR> <TD>Item 3</TD> <TD>Item 4</TD> </TR> </TABLE>
CELLPADDING AND CELLSPACING
| A | B | C |
| D | E | F |
<TABLE BORDER CELLPADDING=10 CELLSPACING=0> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
| A | B | C |
| D | E | F |
<TABLE BORDER CELLPADDING=0 CELLSPACING=10> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
| A | B | C |
| D | E | F |
<TABLE BORDER CELLPADDING=10 CELLSPACING=10> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
| A | B | C |
| D | E | F |
<TABLE BORDER=5 CELLPADDING=10 CELLSPACING=10> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE>
DEMONSTRATION OF MULTIPLE LINES IN A TABLE
| January | February | March |
|---|---|---|
| This is cell 1 | Cell 2 | Another cell, cell 3 |
| Cell 4 | and now this is cell 5 |
Cell 6 |
<TABLE BORDER> <TR> <TH>January</TH> <TH>February</TH> <TH>March</TH> </TR> <TR> <TD>This is cell 1</TD> <TD>Cell 2</TD> <TD>Another cell,<br> cell 3</TD> </TR> <TR> <TD>Cell 4</TD> <TD>and now this<br>is cell 5</TD> <TD>Cell 6</TD> </TR> </TABLE>
ALIGN=LEFT|RIGHT|CENTER
can be applied to individual cells or whole ROWs
| January | February | March |
|---|---|---|
| all aligned center | Cell 2 | Another cell, cell 3 |
| aligned right | aligned to center | default, aligned left |
<TABLE BORDER> <TR> <TH>January</TH> <TH>February</TH> <TH>March</TH> </TR> <TR ALIGN=center> <TD>all aligned center</TD> <TD>Cell 2</TD> <TD>Another cell,<br> cell 3</TD> </TR> <TR> <TD ALIGN=right>aligned right</TD> <TD ALIGN=center>aligned to center</TD> <TD>default,<br>aligned left</TD> </TR> </TABLE>
VALIGN=TOP|BOTTOM|MIDDLE
can be applied to individual cells or whole ROWs
| January | February | March |
|---|---|---|
| all aligned to top | and now this is cell 2 |
Cell 3 |
| aligned to the top | aligned to the bottom | default alignment, center |
<TABLE BORDER> <TR> <TH>January</TH> <TH>February</TH> <TH>March</TH> </TR> <TR VALIGN=top> <TD>all aligned to top</TD> <TD>and now this<br>is cell 2</TD> <TD>Cell 3</TD> </TR> <TR> <TD VALIGN=top>aligned to the top</TD> <TD VALIGN=bottom>aligned to the bottom</TD> <TD>default alignment,<br>center</TD> </TR> </TABLE>
CAPTION=TOP|BOTTOM
| January | February | March |
|---|---|---|
| This is cell 1 | Cell 2 | Another cell, cell 3 |
</TABLE BORDER> <CAPTION ALIGN=top>A top CAPTION</CAPTION> <TR> <TH>January</TH> <TH>February</TH> <TH>March</TH> </TR> <TR> <TD>This is cell 1</TD> <TD>Cell 2</TD> <TD>Another cell,<br> cell 3</TD> </TR> </TABLE>
| January | February | March |
|---|---|---|
| This is cell 1 | Cell 2 | Another cell, cell 3 |
<TABLE BORDER> <CAPTION ALIGN=bottom>A bottom CAPTION</CAPTION> <TR> <TH>January</TH> <TH>February</TH> <TH>March</TH> </TR> <TR> <TD>This is cell 1</TD> <TD>Cell 2</TD> <TD>Another cell,<br> cell 3</TD> </TR> </TABLE>
NESTED TABLES: TABLE ABCD IS INSIDE TABLE 123456
| 1 | 2 | 3
|
||||
| 4 | 5 | 6 |
<TABLE BORDER> <TR> <!-- ROW 1, TABLE 1 --> <TD>1</TD> <TD>2</TD> <TD>3 <TABLE BORDER> <TR> <!-- ROW 1, TABLE 2 --> <TD>A</TD> <TD>B</TD> </TR> <TR> <!-- ROW 2, TABLE 2 --> <TD>C</TD> <TD>D</TD> </TR> </TABLE> </TD> </TR> <TR> <!-- ROW 2, TABLE 1 --> <TD>4</TD> <TD>5</TD> <TD>6</TD> </TR> </TABLE>
BASIC 50% WIDTH
| Width=50% | Width=50% |
| 3 | 4 |
<TABLE BORDER WIDTH="50%"> <TR><TD>Width=50%</TD><TD>Width=50%</TD> </TR> <TR><TD>3</TD><TD>4</TD> </TR> </TABLE>
| Item width affects cell size | 2 |
| 3 | 4 |
<TABLE BORDER WIDTH="50%"> <TR><TD>Item width affects cell size</TD><TD>2</TD> </TR> <TR><TD>3</TD><TD>4</TD> </TR> </TABLE>
| WIDTH=100% | This is item 2 |
| 3 | 4 |
<TABLE BORDER WIDTH="100%"> <TR><TD>WIDTH=100%</TD><TD>This is item 2</TD> </TR> <TR><TD>3</TD><TD>4</TD> </TR> </TABLE>
CENTERING A TABLE ON A PAGE
| A | B | C |
| D | E | F |
<CENTER> <TABLE BORDER WIDTH="50%"> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE> </CENTER>
TABLE WIDTH AND NESTED TABLES
| Item 1 | Item 2 | ||
|
Item 4 |
<TABLE BORDER WIDTH="50%"> <TR><TD>Item 1</TD><TD>Item 2</TD> </TR> <TR><TD> <TABLE BORDER WIDTH=100%> <TR><TD>Item A</TD><TD>Item B</TD> </TR> </TABLE> </TD> <TD>Item 4</TD> </TR> </TABLE>
HEIGHT=15%
| HEIGHT=15% | Item 2 |
| 3 | 4 |
<TABLE BORDER WIDTH="50%" HEIGHT="15%"> <TR><TD>HEIGHT=15%</TD> <TD>Item 2</TD> </TR> <TR><TD>3</TD><TD>4</TD> </TR> </TABLE>
Es gibt auch schon einige vordefinierte Namen wie: _top,_self,_blank.
Der Unterstrich davor ist nötig!!!
COLS="wert1,wert2" legt fest, daß das Frame aus Spalten (colums), also aus
nebeneinander angeordneten Dokumenten bestehen soll.
ROWS="wert1,wert2" definiert Frames, die sich übereinander befinden.
Wert1 und Wert2 können die absolute Pixelzahl angeben oder als
Prozente angegeben werden. Es ist auch möglich, mit Wildcards zu arbeiten.
Bsp.: COLS="150,600" oder COLS="150,*" oder ROWS="50%,50%" oder ROWS="20%,*".
Hierbei gilt die erste Zahl für das erste Frame und die zweite Zahl für das zweite Frame.
NAME="name" weist dem Frame einen unter 'name' festgelegten Namen zu, unter dem
man es dann später durch TARGET=name wieder zuweisen kann. Dazu aber später mehr.
Mit SCROLLING="yes|no|auto" gibt man an, ob das Frame einen Scrollbalken bekommen soll,
wenn der Inhalt nicht in der definierten Framegröße angezeigt werden kann. Wenn man diesen Zusatz
wegläßt, wird automatisch ein Scrollbalken eingesetzt (falls nötig).
NORESIZE gibt an, daß dieses Frame nicht - wie sonst möglich - an dem Rahmen
größer und kleiner ziehen kann.
MARGINWIDTH=wert und MARGINHEIGHT=wert geben den Abstand nach
oben (height) bzw. zur Seite an.
Wenn man nun auf der linken Seite ein Menü mit vielen Links hat, welches bestehen bleiben soll,
aber das Dokument auf der rechten Seite dargestellt werden soll, geht das so:
<A HREF="datei" target=name>Text</A>
Unter dem Feld target=name würde dann in unserem Fall target=rechtes_frame
stehen.
_top lädt den Link in voller Größe des Fensters (alle Frames sind "weg").
_self lädt den Link im selben Fenster wo er angeklickt wurde. Wenn es nicht
anders durch TARGET angegeben wurde oder kein TARGET existiert wird automatisch jeder Link
im Fenster angezeigt, wo er aufgerufen wurde. _blank veranlaßt, daß der Link
in einem neuen Fenster angezeigt wird.
Sie können also Frames definieren. Dann schaut sich einer Mit Netscape 2.x oder 3.x diese
Datei an und sieht diese Frames. Ein anderer, der z.B.: mit Mosaic browst, sieht all das,
was Sie innerhalb von <NOFRAMES> und </NOFRAMES> geschrieben haben; vielleicht
den netten Hinweis, sich Netscape oder den Internet Explorer zuzulegen.
Wichtig: Dieser Tag muß (wenn gewollt) innerhalb des FRAMESET-Tags verwendet werden; bei mehreren FRAMESETs in
jedem.
Dieser Tag gilt erst ab Netscape 3.0b5!!!
Bsp.: FRAMEBORDER=0 oder FRAMEBORDER="no" oder
BORDER=0.
Wichtig: Dieser Tag muß (wenn gewollt) innerhalb des FRAMESET-Tags verwendet werden; bei mehreren FRAMESETs in
jedem.
Dieser Tag gilt erst ab Netscape 3.0b5!!!
Bsp.: BORDERCOLOR=#fffff0