Zellenrand & Zellenabstand

Wie erstellt man Zellenränder und Zellenabstände?

  • Erstelle eine HTML-Datei mit folgendem Quellcode:

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

<body bgcolor="#FFCC66" text="#000000">
<table border="8" cellpadding="0" cellspacing="0">
  <tr>
    <td>border = 8</td>
    <td>Schrecklich, nicht?</td>
  </tr>
</table>


<table border="1" cellpadding="0" cellspacing="5">
  <tr>
    <td>cellspacing = 5</td>
    <td>Abstand zwischen den Zellen</td>
  </tr>
</table>


<table border="1" cellpadding="5" cellspacing="0">
  <tr>
    <td>cellpadding = 5</td>
    <td>Abstand von Zellenrand zum Inhalt</td>
  </tr>
</table>
</body>
</html>~

  • Benenne die Datei *lektion62.htm*
  • Öffne die Datei *lektion62.htm* im Browser. Das sollte dann wohl so aussehen:

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

  • border="8"~
    Oh graus! Mit diesem Attribut kannst du einen Wert festlegen (hier = 8), der die Dicke dieses häßlichen Rahmens bestimmt. Wär schön, wenn du das nie so einsetzt :-)
  • cellspacing="5"~
    Mit cellspacing bestimmst du den Abstand zwischen den einzelnen Zellen. Wenn Du cellspacing nicht definierst, hat die Tabelle standardmäßig cellspacing="2".
  • cellpadding="5"~
    Den Abstand von Zellenrand zum Inhalt legst du mit cellpadding fest. Auch hier ist der Wert standardmäßig auf "2" eingestellt.