Thema: Attribute des Tags th |
|
Das <th>-Tag erzeugt einen Tabellenkopf in den Zellen einer Zeile.
Es dient in der Regel als Überschriftenfeld und der Text wird fett dargestellt.
Es wird in der Kopfzeile statt des <td>-Tags verwendet.
Attribute für th
colspan --> gibt an, wie viel Spalten überspannt werden
rowspan --> gibt an, wie viel Zeilen überspannt werden
colspan:
Anzahl der zu überspannenden Spalten:
<td colspan="5">TEXT</th>
rowspan:
Anzahl der zu überspannenden Zeilen:
<th rowspan="3">TEXT</th>
LG
haumi
|
|
Thema: Attribute des Tags td |
|
Das td - Tag zeichnet eine Spalte.
für das <td> - Tag gibt es folgende (gebräuchliche) Attribute:
align --> horizontale Ausrichtung des Zelleninhaltes
background --> Hintergrundgrafik der Tabellenzelle
bgcolor --> Hintergrundfarbe der Zeile
colspan --> gibt an, wie viel Spalten überspannt werden
rowspan --> gibt an, wie viel Zeilen überspannt werden
Folgende Werte können von den einzelnen Attributen angenommen werden:
align:
left --> linksbündig
center --> mittig
right --> rechtsbündig
justifiy -- Blocksatz
background:
link zur Grafik
<td background="hintergrund.gif">
<td background="http://eine Domain/Bilderordner/hintergrund.gif">
bgcolor:
Farbangabe als hexcode oder HTML-Farbe
<td bgcolor="#FFFF02">
<td bgcolor="silver">
colspan:
Anzahl der zu überspannenden Spalten:
<td colspan="5">
rowspan:
Anzahl der zu überspannenden Zeilen:
<td rowspan="3">
LG
haumi
|
|
Thema: Softwarensicherung über den FTP-Zugang. |
|
Ich lade die wbb2-Software entweder mit dem FlashFXP rüber oder in Teilstücken mit dem Speedkommander.
Den Datenverlußt beim Überspielen hat wohl schon jeder mal gehabt.
Nachfolgend braucht man ja nur noch nach jedem Hackeinbau die neuen und die geänderten Dateien rüberzuspielen.
LG
haumi
|
|
Thema: Attribute des Tags <tr> |
|
Das tr - Tag beinhaltet die Tabellenspalten (<td> ) welche wiederum die Daten aufnehmen.
für das <tr> - Tag gibt es folgende Attribute:
align --> horizontale Ausrichtung der Zelle einer Gruppe
valign --> vertikale Ausrichtung der Zellen einer Gruppe
bgcolor --> Hintergrundfarbe der Zeile
Folgende Werte können von den einzelnen Attributen angenommen werden:
align:
left --> linksbündig
center --> mittig
right --> rechtsbündig
justifiy -- Blocksatz
valign:
left --> linksbündig
center --> mittig
right --> rechtsbündig
baseline --> setzt die erste Linie jeder Zelle einer Reihe zu einer gemeinsamen Basislinie festsetzt
bgcolor:
color --> Farbangabe als hexcode oder HTML-Farbe
|
|
Thema: Attribute des Tag "<table>" |
|
Um die Tabellengestaltung zu verfeinern, kann man dem table-Tag noch Attribute hinzufügen.
folgende Attribute sind möglich:
align --> richtet dieTabelle horizontal aus.
background --> gibt eine Hintergrundgrafik für die Tabelle
bgcolor --> legt die Hintergrundfarbe der gesamten Tabelle fest.
border --> Rahmen um die äußere Tabelle und gleichzeitig eine Zellenbegrenzung
bordercolor --> setzt die Farbe des Tabellenrahmens fest<
cellpadding --> Abstand zwischen dem Zelleninhalt und der Zellenbegrenzung
cellspacing --> Abstand zwischen den Zellen
dir< --> Schreib- und Leserichtung des Textes
frame -->besitzt die Tabelle ein border-Attribut so legt frame fest welche Teile des Tabellenrahmens dargestellt werden
ist auch ohne border-Attribut einsetzbar jedoch ist die Anzeige denn unterschiedlich
height --> bestimmt die Höhe derTabelle
rules --> legt fest, welche Teile der Zellenbegrenzng dargestellt werden
summary --> fasst den Tabelleninhalt zusammen
width --> bestimmt die Breite der Tabelle
Folgende Werte können von den einzelnen Attributen angenommen werden:
align:
left --> linksbündig
center --> mittig
right --> rechtsbündig
justifiy -- Blocksatz
background:
UrL zur Grafik ( <table background="images/hg.gif">
bgcolor:
Farbangabe als hexcode oder HTML-Farbe <table bgcolor="#FF0000"> // <table bgcolor="red">
border:
Rahmenstärke in Pixel <table border="3"> [voreingestellt ist border="1"]
cellpadding:
Abstand in Pixel <table cellpadding="6">
cellspacing:
Abstand in Pixel <table cellpadding="4">
dir:
rtl (right ot left [rechts nach links] <table dir="rtl" >
ltr (left to right [links nach rechts] <table dir="ltr" >
frame:
border --> Rahmen der gesammten Tabelle
box --> Kasten - wie border
above --> der Rahmen wird nur oberhalb der Tabelle dargestellt
below --> der Rahmen wird nur unterhalb der Tabelle dargestellt
hsides --> der Rahmen wird unter- UND oberhalb der Tabelle dargestellt
vsides --> der Rahmen wird links- UND rechtsseitig der Tabelle dargestellt
lhs --> [left hand side] der Rahmen wird nur am linken Tabellenrand dargestellt
rhs --> (right hand side) der Rahmen wird nur am rechten Tabellenrand dargestellt
void --> die Tabelle wird OHNE Rahmen dargestellt
Beispiele: [<table border ="4" frame="below"> oder <table frame="below">]
Die beiden Befehle bewirken unterschiedliche Darstellungen.
height:
legt die Höhe der Tabelle in Pixeln oder Prozent fest <table height="40%">
rules:
all --> die Begrenzungen der Tabellenzellen werden dargestellt
none --> die Begrenzungen der Tabellenzellen werden nicht dargestellt
rows --> die Zeilenlinien werden dargestellt
cols --> die Spaltenlinien werden dargestellt
groups --> die Trennlinien der verschiedenen Bereiche der Tabelle werden dargestellt
<table border="4 rules="rows">
summary:
Es kann ein zusammenfassender Kurztext für die Tabelle hinterlegt werden, welches ein z. B. Sprachausgabesystem beim öffnen der Tabelle wiedergibt.
<table summary="Dies ist eine Tabelle mit zwei Zeilen und drei Spalten">
witdh:
legt die Breite der Tabelle in Pixeln oder Prozent fest <table witdh="1200px">
|
|
Thema: Was ist eine Tabelle? |
|
Eine Tabelle ist ein Gebilde aus Zeilen und Spalten.
Die wohl bekannsteste Tabelle ist EXEL aus dem Microsoft-Office Paket.
Auch der gesammte inhalt einer html-Seite wird in einer oder mehreren ineinander verschachtelten Tabellen dargestellt.
Um dieses in html zu verwirklichen benötigen wir drei Tags:
1) <table> </table> --> zeichnet eine Tabelle
2) <tr> </tr> --> (table row = tabellenzeile) zeichnet eine Zeile
3) <td> </td> --> table datacell=tabellendaten) zeichnet eine Spalte
So sieht eine Tabelle in einfachster Form in html mit drei Spalten und 2 Zeilen
wie folgt aus:
code: |
<table>
<tr>
<td>Zeile1,Spalte1</td><td>Zeile1,Spalte2</td><td>Zeile1,Spalte3</td>
</tr>
<tr>
<td>Zeile2,Spalte1</td><td>Zeile2,Spalte2</td><td>Zeile2,Spalte3</td>
<tr>
</table> |
|
zum anschauen bltte hier klicken!
ein klein wenig hab ich schon vorgegriffen und im table-Tag noch zwei Argumente eingebaut.
a) border="2" - damit man den Rahnem sieht
b) align="center" damit die Tabelle mittig angezeigt wird.
Das öffnende table-tag sieht im Script so aus:
<table align="center" border="2">
das wird jedoch noch gesondert erklärt und weitere Ergänzungen folgen!
LG
haumi
|
|
|