Web-Design

12. Einheit

Ergänzungen zu HTML

C: Tabellen II

<TABLE BORDER=randbreite

BGCOLOR=farbe Hintergrundfarbe der gesamten Tabelle

BORDERCOLOR=farbe

CELLPADDING=zwischenraum

ALIGN=RIGHT oder LEFT oder CENTER (Voreinstellung) Text wird links oder rechts oder unterhalb der Tabelle geschrieben.
Taucht im Text der Tag
        <BR CLEAR=ALL>
auf, so wird der darauf folgende Text unterhalb der Tabelle geschrieben.

HSPACE=entfernung Horizontaler Abstand des Textes von der Tabelle

VSPACE=entfernung Vertikaler Abstand des Textes von der Tabelle

<CAPTION ALIGN=TOP oder BOTTOM oder LEFT oder RIGHT Ûberschrift

<TR BGCOLOR=farbe Hintergrundfarbe der Zeile

ALIGN=RIGHT oder LEFT oder CENTER Horizontale Ausrichtung der Zelleninhalte, gilt für alle Zellen der Zeile

VALIGN=TOP oder BOTTOM oder MIDDLE (Voreinstellung) Vertikale Ausrichtung der Zelleninhalte

<TD oder <TH WIDTH=nnn oder nn%

ALIGN=RIGHT oder LEFT oder CENTER Horizontale Ausrichtung des Zelleninhalts

VALIGN=TOP oder BOTTOM oder MIDDLE (Voreinstellung) Vertikale Ausrichtung des Zelleninhaltes

NOWRAP Kein Zeilenumbruch innerhalb der Zelle

COLSPAN=anzahl Horizontal benachbarte Zellen werden verschmolzen
Beispiel:
<TABLE BORDER>
<TR>
<TD>1</TD><TD>2</TD><TD>3</TD>
</TR>
<TR>
<TD COLSPAN=2> 4 </TD><TD>5</TD>
</TR>
</TABLE>
ergibt

1 2 3

4 5

ROWSPAN=anzahl Vertikal benachbarte Zellen werden verschmolzen
Beispiel:
<TABLE BORDER>
<TR>
<TD> 1 </TD>
          <TD ROWSPAN=2> 2 </TD>
          <TD> 3 </TD>
</TR>
<TR>
<TD> 4 </TD> <TD> 5 </TD>
</TR>
</TABLE>
ergibt

1 2 3

4 5

Kombination von COLSPAN, ROWSPAN und BGCOLOR Aufgabe:
Erzeugen Sie eine Tabelle, die das folgende
Aussehen hat: