Body Der Body-TAG umrahmt nicht nur den sichtbaren Teil, sondern kann ihn auch verändern. Attribut Wert Beschriebung background Bild gibt.

Präsentation zum Thema: "Body Der Body-TAG umrahmt nicht nur den sichtbaren Teil, sondern kann ihn auch verändern. Attribut Wert Beschriebung background Bild gibt."—  Präsentation transkript:

1 Body Der Body-TAG umrahmt nicht nur den sichtbaren Teil, sondern kann ihn auch verändern. Attribut Wert Beschriebung background Bild gibt den URI einer Hintergrundgrafik an bgcolor #Farbnummer gibt die Hintergrundfarbe an text #Farbnummer gibt die Farbe der Schrift an link #Farbnummer gibt die Farbe der nicht besuchten links an alink #Farbnummer gibt die Farbe der aktiven links an vlink #Farbnummer gibt die Farbe der schon besuchten links an

2 Tabellen=Table Der Table-TAG Attribut Wert Beschriebung
align left | center | right richtet die Tabelle aus border Pixelanzahl gibt an, wie dick der Rahmen ist, 0=kein bgcolor #Farbnummer gibt die Hintergrundfarbe an width pixel oder % gibt die Breite der Tabelle an

3 Zeilen und Spalten <tr> leitet eine Zeile ein,
in dieser Zeile müssen verschiedene Spalten vorhanden sein. Der Befehl <td> leitet eine Spalte ein. In jeder Zeile müssen gleich viele Spalten vorhanden sein. Sie legen deshalb in der ersten Zeile, durch definieren von Zellen, die Spaltenanzahl fest. MÜSSEN IMMER ZWISCHEN DEM TABLE-TAG STEHEN!

4 Kopfzellen Durch den Befehl
<th> werden Kopfzellen festgelegt. Sie werden wie Spalten in eine Zeile eingefügt. Sie werden je nach Browser anders hervorgehoben. MUSS IMMER ZWISCHEN DEM TABLE-TAG STEHEN!

5 Reihenfolge Die Reihenfolge der Tabellenelemente darf nicht vertauscht werden. Als erstes wird durch den <table> TAG eine Tabelle eingeleidet. Also zweites wird eine Zeile (<tr>) geöffnet, in der dann entweder die Kopfzellen <th> oder die normalen Spalten <td> eingefügt werden.

6

7 Tabelle <table border="1" bgcolor="yellow"> <tr>
<th>1Kopfzelle</th><th>2.Kopfzelle</th><th>3.Kopfzelle</th> </tr> <td>1.Zelle</td><td>2.Zelle</td><td>3.Zelle</td> <td>4.Zelle</td><td>5.Zelle</td><td>6.Zelle</td> </table>

8 Zellen formatieren Die Zellen können jetzt noch verändert werden. Sie können in ihrer Farbe, in der Ausrichtung verändert oder auch zusammengefasst werden.

9 Veränderungen von <tr> (Zeilen)
Attribut Wert Beschriebung align left | center | right richtet die Tabellenzelle horizontal aus valign top | middle | bottom | baseline richtet die Tabellenzelle vertikal aus bgcolor #Farbnummer gibt die Hintergrundfarbe an

10 Veränderungen von <th> <td>
Bei den TAGs <th> (Kopfzellen) und <td> (Spalten) werden fast die gleichen Attribute verwendet. Attribut Wert Beschriebung align left | center | right richtet die Tabellenzelle horizontal aus valign top | middle | bottom | baseline richtet die Tabellenzelle vertikal aus bgcolor #Farbnummer gibt die Hintergrundfarbe an width pixel oder % gibt die Breite der Tabelle an height pixel gibt die Höhe der Tabelle an

11 Zellen zusammenfassen
colspan bestimmt, über wie viele Spalten sich die aktuelle Zelle erstrecken soll rowspan bestimmt, über wie viele Zeilen sich die aktuelle Zelle erstrecken soll

12 Spalten zusammenfassen
<table border="1" bgcolor="yellow"> <tr> <th>1Kopfzelle</th><th>2.Kopfzelle</th><th>3.Kopfzelle</th> </tr> <td colspan=„3“> Zelle</td> <td>4.Zelle</td><td>5.Zelle</td><td>6.Zelle</td> </table>

13 Zeilen zusammen-fassen
<table border="1" bgcolor="yellow"> <tr> <th>1Kopfzelle</th><th rowspan="3">2.Kopfzelle Zelle</th><th>3.Kopfzelle</th> </tr> <td>1.Zelle</td> <td>3.Zelle</td> <td>4.Zelle</td> <td>6.Zelle</td> </table>

14 Nachschlagen