Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung |
e1:listen_und_tabellen [2017/07/03 07:41] – [Tabellen] admin03 | e1:listen_und_tabellen [2017/07/03 07:55] (aktuell) – [Tabelle in Liste] admin03 |
---|
<table> leitet eine Tabelle ein. Wenn die Tabelle sichtbare Gitternetzlinien enthalten soll, muss man das Attribut border angeben. <tr> (table row) leitet eine neue Tabellenzeile ein. Im Anschluss daran werden die Zellen (Spalten) der betreffenden Reihe definiert. Am Ende einer Tabellenzeile wird die Kennung </tr> notiert. Eine Tabelle kann Kopfzellen und gewöhnliche Datenzellen enthalten: <th> (table head) definiert eine Kopfzelle (fett, zentriert) und <td> (table data) eine normale Datenzelle. In einer Zelle können beliebige Elemente stehen, d.h. außer normalem Text z.B. auch Verweise oder Grafiken. | <table> leitet eine Tabelle ein. Wenn die Tabelle sichtbare Gitternetzlinien enthalten soll, muss man das Attribut border angeben. <tr> (table row) leitet eine neue Tabellenzeile ein. Im Anschluss daran werden die Zellen (Spalten) der betreffenden Reihe definiert. Am Ende einer Tabellenzeile wird die Kennung </tr> notiert. Eine Tabelle kann Kopfzellen und gewöhnliche Datenzellen enthalten: <th> (table head) definiert eine Kopfzelle (fett, zentriert) und <td> (table data) eine normale Datenzelle. In einer Zelle können beliebige Elemente stehen, d.h. außer normalem Text z.B. auch Verweise oder Grafiken. |
| |
====== Verschachtelte Tabellen ====== | ====== Schachtelung ====== |
| Schachtelung ist ein wesentliches Prinzip, mit dem aus einfachen Teillösungen komplexere Gesamtlösungen |
| aufgebaut werden können. Das Schachtelungsprinzip kann in großem Umfang bei HTML-Elementen |
| eingesetzt werden. Nachfolgende werden Listen in eine Tabelle geschachtelt. |
| |
| <code html> |
| <table border=”1”> |
| <tr> |
| <th>Schule</th> |
| <th>Hochschule</th> |
| </tr> |
| <tr> |
| <td> |
| <ul> |
| <li>Grundschule</li> |
| <li>weiterführende Schule |
| <ul> |
| <li>Realschule</li> |
| <li>Gymnasium</li> |
| </ul> |
| </li> |
| <li>Gesamtschule</li> |
| </ul> |
| </td> |
| <td> |
| <ol> |
| <li>Fachhochschule</li> |
| <li>Universität</li> |
| <li>Kunstakademie</li> |
| </ol> |
| </td> |
| </tr> |
| </table> |
| </code> |
| |
| <HTML> |
| <table border=”1”> |
| <tr> |
| <th>Schule</th> |
| <th>Hochschule</th> |
| </tr> |
| <tr> |
| <td> |
| <ul> |
| <li>Grundschule</li> |
| <li>weiterführende Schule |
| <ul> |
| <li>Realschule</li> |
| <li>Gymnasium</li> |
| </ul></li> |
| <li>Gesamtschule |
| </ul> |
| </td> |
| <td> |
| <ol> |
| <li>Fachhochschule</li> |
| <li>Universität</li> |
| <li>Kunstakademie</li> |
| </ol> |
| </td> |
| </tr> |
| </table> |
| </HTML> |
| |
| ====== Tabelle in Liste ====== |
| |
| Hier werden Tabellen in eine Liste geschachtelt. |
| |
| |
| <code html> |
| <ol> |
| <li> |
| <table border=”1”> |
| <tr> |
| <td>Sek I</td> |
| <td>Sek II</td> |
| </tr> |
| </table> |
| </li> |
| <li> |
| <table border=”1”> |
| <tr> |
| <td>Mittlere Reife</td> |
| <td>Abitur</td> |
| </tr> |
| </table> |
| </li> |
| </ol> |
| </code> |
| |
| <HTML> |
| <ol> |
| <li> |
| <table border=”1”> |
| <tr> |
| <td>Sek I</td> |
| <td>Sek II</td> |
| </tr> |
| </table> |
| </li> |
| <li> |
| <table border=”1”> |
| <tr> |
| <td>Mittlere Reife</td> |
| <td>Abitur</td> |
| </tr> |
| </table> |
| </li> |
| </ol> |
| </HTML> |
| |
| |
| |