Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- e1:listen_und_tabellen [2017/07/03 07:50] – [Schachtelung] admin03
+++ e1:listen_und_tabellen [2017/07/03 07:55] (aktuell) – [Tabelle in Liste] admin03
@@ Zeile 103: / Zeile 103: @@
 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, rechts Tabellen in eine
+eingesetzt werden. Nachfolgende werden Listen in eine Tabelle geschachtelt.
-Liste. Die Liste ganz links ist zudem eine geschachtelte Liste.
 <code html>
@@ Zeile 117: / Zeile 116: @@
      <li>Grundschule</li>
      <li>weiterführende Schule
-   <ul>
+      <ul>
-     <li>Realschule</li>
+        <li>Realschule</li>
-     <li>Gymnasium</li>
+        <li>Gymnasium</li>
-     </ul></li>
+      </ul>
-     <li>Gesamtschule
+     </li>
+     <li>Gesamtschule</li>
    </ul>
  </td>
  <td>
   <ol>
-   <li>Fachhochschule</li>
+    <li>Fachhochschule</li>
-   <li>Universität</li>
+    <li>Universität</li>
-   <li>Kunstakademie</li>
+    <li>Kunstakademie</li>
- </ol>
+  </ol>
  </td>
  </tr>
- </table>
+</table>
 </code>
@@ Zeile 163: / Zeile 163: @@
 </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>