e1:listen_und_tabellen

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
e1:listen_und_tabellen [2017/07/03 05:48] – admin03e1:listen_und_tabellen [2017/07/03 07:55] (aktuell) – [Tabelle in Liste] admin03
Zeile 56: Zeile 56:
  
 <html> <html>
-<table>+<table border="1px">
    <tr>    <tr>
       <th>Fach</th>       <th>Fach</th>
Zeile 79: Zeile 79:
  
 <code html> <code html>
-<table>+<table border="1px">
    <tr>    <tr>
       <th>Fach</th>       <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.   <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>
 +
 +
 +
 +
  • /var/www/infowiki/data/attic/e1/listen_und_tabellen.1499060904.txt.gz
  • Zuletzt geändert: 2017/07/03 05:48
  • von admin03