Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung Nächste ÜberarbeitungBeide Seiten der Revision | ||
e1:listen_und_tabellen [2017/07/03 05:44] – admin03 | e1:listen_und_tabellen [2017/07/03 07:54] – [Schachtelung] admin03 | ||
---|---|---|---|
Zeile 3: | Zeile 3: | ||
Beschreibungslisten Jeder einzelne Listeneintrag wird durch <li> eingeleitet. | Beschreibungslisten Jeder einzelne Listeneintrag wird durch <li> eingeleitet. | ||
- | {{: | + | |
< | < | ||
Zeile 15: | Zeile 15: | ||
</ | </ | ||
< | < | ||
- | <td><ol> | + | <td><ol& |
- | <li>Kinder</li> | + | <li>Kinder</li& |
- | <li>Küche</li> | + | <li>Küche</li& |
- | | + | |
- | | + | |
- | </td> | + | |
+ | | ||
| | ||
- | <td>< | + | < |
- | | + | <ol> |
- | < | + | |
- | < | + | |
- | </ol> | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | < | + | |
< | < | ||
< | < | ||
< | < | ||
- | </ | + | </ol> |
+ | </ | ||
+ | |||
+ | < | ||
+ | & | ||
+ | & | ||
+ | & | ||
+ | & | ||
< | < | ||
< | < | ||
Zeile 55: | Zeile 56: | ||
< | < | ||
- | < | + | < |
< | < | ||
< | < | ||
Zeile 78: | Zeile 79: | ||
<code html> | <code html> | ||
- | < | + | < |
< | < | ||
< | < | ||
Zeile 98: | Zeile 99: | ||
< | < | ||
+ | |||
+ | ====== 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. Links sind Listen in eine Tabelle geschachtelt, | ||
+ | Liste. Die Liste ganz links ist zudem eine geschachtelte Liste. | ||
+ | |||
+ | <code html> | ||
+ | <table border=”1”> | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <ul> | ||
+ | < | ||
+ | < | ||
+ | </ul> | ||
+ | </ | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | <ol> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ol> | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <table border=”1”> | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | </ | ||
+ | </td> | ||
+ | <td> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ol> | ||
+ | </td> | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ====== Tabelle in Liste ====== | ||
+ | |||
+ | <code html> | ||
+ | < | ||
+ | <li> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </li> | ||
+ | <li> | ||
+ | < | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | </ | ||
+ | </ | ||
+ | </ol> | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | <li> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </li> | ||
+ | <li> | ||
+ | < | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | </ | ||
+ | </ | ||
+ | </ol> | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ |