Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- e1:listen_und_tabellen [2017/07/03 07:44] – [Schachtelung] admin03
+++ e1:listen_und_tabellen [2017/07/03 07:54] – [Schachtelung] admin03
@@ Zeile 100: / Zeile 100: @@
 <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.
+====== 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 ======
+<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>