HTML: td Tag – Bedeutung

Ad

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.

HTML
<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

Jahr 2022Einnahmen
Personal900€
Buchhaltung700€

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>

HTML
<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

Jahr 2022Einnahmen
Personal900€900€
Buchhaltung700€700€

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

Jahr 2022EinnahmenAusgaben
Personal900€900€
Buchhaltung700€700€


Über Mich


Weitere Beiträge auf Blogseite.com




Kennst du schon diese Memes?