Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- e1:listen_und_tabellen [2017/07/03 05:47] – admin03
+++ e1:listen_und_tabellen [2017/07/03 07:55] (aktuell) – [Tabelle in Liste] admin03
@@ Zeile 23: / Zeile 23: @@
      </td>
-      <td>&lt;ol&gt;<br>
+      <td>
+      <ol>
+<li>Kinder</li>
+<li>Küche</li>
+<li>Kirche</li>
+</ol>
+      </td>
+      <td>&lt;ul&gt;<br>
        &lt;li&gt;Kinder&lt;/li&gt;<br>
          &lt;li&gt;Küche&lt;/li&gt;<br>
         &lt;li&gt;Kirche&lt;/li&gt;<br>
-        &lt;/ol&gt;
+        &lt;/ul&gt;</td>
-      </td>
-      <td><ul>
-<li>Kinder</li>
-<li>Küche</li>
-<li>Kirche</li>
-</ul></td>
       <td><ul>
 <li>Kinder</li>
@@ Zeile 56: / Zeile 56: @@
 <html>
-<table>
+<table border="1px">
    <tr>
       <th>Fach</th>
@@ Zeile 79: / Zeile 79: @@
 <code html>
-<table>
+<table border="1px">
    <tr>
       <th>Fach</th>
@@ Zeile 99: / Zeile 99: @@
 <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 ======
+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>