Kategorienzusammenfassung
Hier befinden sich Informationen zu dieser Kategorie.
| Kategorie | FAQ | Aktuelle FAQs |
 Alles über Layouthifen
|
3 | Wie werden Tabellen verschachtelt? |
FAQ
Hier sind die veröffentlichten FAQs dieser Kategorie.
Angefragt und beantwortet von Sinnemax am 06-Mar-2008 15:51 (404 gelesen)
Es gibt folgende Möglichkeiten:
Da hat man aber noch nicht die Listenelemente festgelegt. Die Listenelemente werden in drei verschiedenen Tags aufgeführt, wobei zwei Tags zueinander gehören:
Aber meistens reicht nur der -Tag aus, da die anderen beiden Tags mehr auf wissenschaftliche Arbeiten abgestimmt sind.
Zuerst gibt man immer einen Grundtyp der Liste an und dann zwischen den Tags die Listenelemente.
Listenelemente haben keinen Schluss-Tag. Ähnlich wie bei dem
-Tag. Liste per Ordered List:
Liste per Unordered List:
<DL></DL> (Definitionsliste)
<DIR></DIR> (Directoryliste = für Verzeichnisse)
<OL></OL> (nummerierte Liste)
<UL></UL> (unnummerierte Liste)
<LI> (einfache Aufzählung)
<DT> (Definitionsterm = Art von Überschrift)
<DD> (Definitionsdaten = Ist der Inhalt dazu)
-Tag. Liste per Ordered List:
<OL>
<LI> Erstens: Januar
<LI> Zweitens: Februar
<LI> Drittens: März
</OL><UL>
<LI> Erstens: Januar
<LI> Zweitens: Februar
<LI> Drittens: März
</UL>
Angefragt und beantwortet von Sinnemax am 30-May-2008 09:20 (458 gelesen)
In den meisten HTML-Seiten werden Tabellen eingesetzt, aber diese sind kaum sichtbar, da man den Rahmen unsichtbar machen kann. Dieses Tag lautet dazu:
Border steht für die Rand, den man auch sichtbar machen kann, dazu gibt man einfach eine Zahl an und das ist dann die Pixelangabe, z.B. so:
man kann aber auch andere Zahlen eingeben, wie es einem optisch gefällt.
Zwischen dem Anfangs- und End- Tag muss dem Browser gesagt werden, wie viele Zellen die Tabelle haben soll.
Da wird zuerst eine Zeile eröffnet (die wird Row = Reihe genannt) und danach wird dann definiert, welche Zellen mit Daten vorhanden sind.
Dieser Tag für eine Tabellenreihe lautet:
Für Tabellenzelle (die immer in der Tabellenreihe sich befindet):
Also, wenn man diese Tags ineinander verschachtelt, hat man schon eine kleine Tabelle:
Jede Tabelle kann natürlich mehrere Reihen und darin mehrere Zellen haben. Wie man es gerade haben möchte.
Hier ist mal eine Tabelle aufgeführt die z.B. vier Reihen und jeweils eine Zelle haben, wo auch was drin steht:
Wie vielleicht aufgefallen ist, habe ich ein
mit eingebaut. Dieses Tag steht für die Überschrift, zum sogenannten Header in der Tabelle (Kopfzelle).
Die Überschrift wird dann automatisch zentriert und gefettet dargestellt, also braucht man keine zusätzlichen Tags verwenden, die auch zentrieren und fetten.
<TABLE BORDER=0></TABLE>
<TR></TR>
<TD></TD>
<TABLE BORDER=2>
<TR>
<TD>
</TD>
</TR>
</TABLE>
<TABLE BORDER=1>
<TH>
<TD>
Hier ist eine Überschrift
</TD>
</TH>
<TR>
<TD>
hier steht der 1. Text
</TD>
</TR>
<TR>
<TD>
hier steht der 2. Text
</TD>
</TR>
<TR>
<TD>
hier steht der 3. Text
</TD>
</TR>
</TABLE><TH></TH>
Angefragt und beantwortet von Sinnemax am 30-May-2008 10:53 (827 gelesen)
Im Grunde sind verschachtelte Tabellen leicht zu erstellen, wenn man sich vorstellt einige Kartons ineinander zu stellen. So kann man sich auch die Tabellen vorstellen. Eine Verschachtelung einer Tabelle in einer Tabelle würde wie folgt aussehen:
Wenn man aber eine Tabelle machen möchte, die in einer Reihe 5Zellen und in der nächsten unteren Reihe 8Zellen haben soll, dann ist es sehr sinnvoll Tabellen zu verschachteln, da es sonst im Browser nicht so dargestellt wird, wie man gerne hätte. Das würde dann z.B. so aussehen:
Weiter gibt es noch, dass man viele beliebige Reihen und Zellen einbauen kann die unterschiedlich Hoch und Breit sind.
Um die Breite zu verdoppeln lautet dieser Tag und die Höhe kann man mit diesem Tag verdoppeln.
Im Gesamten könnte es so codiert werden:
Ich habe in paar Zellen diese verlinkt. Falls man etwas verlinken will kann man dies so einsetzen, aber das muss man nicht, also lässt man es dann einfach weg. Man sollte es einfach mal selbst ausprobieren.
<TABLE BORDER=1>
<TR>
<TD>
<TABLE BORDER=1>
<TR>
<TD>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<TABLE BORDER=1>
<TR>
<TD>Zelle 1
</TD>
<TD>Zelle 2
</TD>
<TD>Zelle 3
</TD>
<TD>Zelle 4
</TD>
<TD>Zelle 5
</TD>
</TR>
</TABLE>
<TABLE BORDER=1>
<TR>
<TD>Zelle 1
</TD>
<TD>Zelle 2
</TD>
<TD>Zelle 3
</TD>
<TD>Zelle 4
</TD>
<TD>Zelle 5
</TD>
<TD>Zelle 6
</TD>
<TD>Zelle 7
</TD>
<TD>Zelle 8
</TD>
</TR>
</TABLE>
<TD COLSPAN=1></TD>
<TD ROWSPAN=1></TD>
<TABLE BORDER=1>
<TR>
<TH ROWSPAN=4>Überschrift
</TH>
<TD COLSPAN=2> Text 1 und verlinkt <A HREF=01.htm>Januar</A>
</TD>
</TR>
<TR>
<TD COLSPAN=2>Text 2 und verlinkt <A HREF=02.htm>Februar</A>
</TD>
</TR>
<TR>
<TD COLSPAN=2>Text 3 und verlinkt <A HREF=03.htm>März</A><br />
<TABle BORDER=1>
<TR>
<TD>
Montag<br />
</TD>
<TD>
Dienstag<br />
</TD>
</TR>
<TR>
<TD>
Montag<br />
</TD>
<TD>
Dienstag<br />
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD>Text 4 und verlinkt <A HREF=04.htm>April</A>
</TD>
<TD>Und weiter so
</TD>
</TR>
</TABLE>