previous content next

table.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-15">
    <title>Tabellen</title>
  </head>

  <body>
    <h1>Tabellen</h1>
 
    <p>Eine Tabelle, die sich breit macht:</p>
      <table border="12" cellpadding="20">
        <tr>
          <td> 1. Zeile, 1. Spalte</td>
          <td> 1. Zeile, 2. Spalte</td>
        </tr>
        <tr>
          <td> 2. Zeile, 1. Spalte</td>
          <td> 2. Zeile, 2. Spalte</td>
        </tr>
      </table>
 
    <p>Eine Tabelle mit Ordnung</p>
      <table border="2" width="60%">
        <tr>
          <td align="left">links</td>
          <td align="left">rechts</td>
        </tr>
        <tr>
          <td align="center" style="height:30px;">links</td>
          <td align="center">rechts</td>
        </tr>
        <tr>
          <td align="right" style="height:50px;">links</td>
          <td align="right">rechts</td>
        </tr>
      </table>

    <p>Eine unauff&auml;llige Tabelle mit H&ouml;hen und Tiefen</p>
      <table width="60%">
        <tr>
          <td style="height:50px;" valign="top">Schau</td>
          <td valign="middle">nach</td>
          <td valign="bottom">rechts:</td>
          <td></td>
        </tr>
        <tr>
          <td>wohin?</td>
          <td>wohin?</td>
          <td>wohin?</td>
          <td> <em>Ach da!</em> </td>
        </tr>
        <tr>
          <td style="height:50px;" valign="bottom">Schau</td>
          <td valign="middle" style="height:50px;">nach</td>
          <td valign="top">rechts:</td>
          <td></td>
        </tr>
      </table>
  </body>
</html>