Spaltenbreite & Spaltenhöhe

Spalten in HTML

  • Erstelle eine HTML-Datei mit folgendem Quellcode:

<html>
<head>
<title>Die sechste Lektion</title>
</head>

<body bgcolor="#FFCC66" text="#000000">
<table border="1" cellpadding="2" cellspacing="0" width="100%">
  <tr>
    <td width="20%" height="100">Spalte 20% +

      100 Pixel hoch

    </td>
    <td> Breite Spalte </td>
  </tr>
</table>
</body>
</html>~

  • Benenne die Datei *lektion64.htm*
  • Öffne die Datei *lektion64.htm* im Browser. Das sieht wohl so aus:

Du hast folgende Attribute in den Table-Tag eingefügt:

  • <td width="20%" height="100">~
    Die einzelnen Zellen können auch Breite- und Höhe-Angaben als Attribute enthalten. Auch diese können in Pixel oder in Prozent angegeben werden. Aber vorsicht! Nicht verschiedene Befehle in die Zellen eingeben, die sich wiedersprechen! Wenn der vor dir angegebene Zelleninhalt nicht in die Zelle passt, wird diese automatisch vergrößert.