HTML: td Tag – Bedeutung

Mit dem <td> Tag erstellst du eine Spalte in einer HTML Tabelle . Im nachfolgenden Beispiel kannst du dir ein Bild von dem td Tag machen.

<table>
  <tr>
    <th>Jahr 2022</th>
    <th>Einnahmen</th>
  </tr>
  <tr>
    <td>Personal</td>
    <td>900€</td>
  </tr>
  <tr>
    <td>Buchhaltung</td>
    <td>700€</td>
  </tr>
</table>

Ergebnis

Tabelle Spalte hinzufügen

Wenn du eine zusätzliche Spalte hinzufügen möchtest, dann fügst du einfach den folgenden Code ein. Die Spalte wird wie die Reihe mit dem Endtag </td> beendet. Spalten werden mit <td> definiert und enden auch wieder mit dem Endtag </td>

<table>
  <tr>
    <th>Jahr 2022</th>
    <th>Einnahmen</th>
  </tr>
  <tr>
    <td>Personal</td>
    <td>900€</td>
    <td>900€</td>
  </tr>
  <tr>
    <td>Buchhaltung</td>
    <td>700€</td>
    <td>700€</td>
  </tr>

</table>

Ergebnis

Diese Tabelle schaut noch etwas seltsam aus 😃. Und fehlt nämlich noch der Tabellen Kopf <th> für die neue Spalte. Im nachfolgenden fügen wir ihn noch hinzu. Auch das Tag <th> endet wieder mit dem Abschluss Tag </th>

In diesem Fall ist die neue Spalte die Ausgaben

<table>
  <tr>
    <th>Jahr 2022</th>
    <th>Einnahmen</th>
    <th>Ausgaben</th>
  </tr>
  <tr>
    <td>Personal</td>
    <td>900€</td>
    <td>900€</td>
  </tr>
  <tr>
    <td>Buchhaltung</td>
    <td>700€</td>
    <td>700€</td>
  </tr>

</table>

Ergebnis

Über Mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite