Tabellen sind in HTML nützliche Werkzeuge um den Inhalt besser darzustellen. Eine Tabelle in HTML zu erstellen ist relativ einfach wenn man das Grundgerüst einer Tabelle weiß. In diesem Beitrag lernst du wie man eine Tabelle in HTML erstellt.

HTML: Tabelle erstellen

Das Grundgerüst einer Tabelle in HTML sieht wie folgendermaßen aus.

<h1>Meine erste Tabelle</h1>

<table>
  <tr>
    <th>Obst</th>
    <th>Gemüse</th>
    <th>Fisch</th>
  </tr>
  <tr>
    <td>Apfel</td>
    <td>Gurke</td>
    <td>Forelle</td>
   </tr>
   <tr>
     <td>Banane</td>
     <td>Sellerie</td>
     <td>Lachs</td>
   </tr>
</table>

Ergebnis der kompletten Tabelle

Meine erste Tabelle

Schriftgröße, Schriftart einer HTML Tabelle ändern

Wenn du die Schriftgröße oder die Schriftart einer Tabelle ändern möchtest dann kannst du die Tabelle innerhalb des <font> Tags wie im nachfolgenden Beispiel platzieren.

<h1>Meine erste Tabelle</h1>
<font size="5" face="Courier New" >
<table>
  <tr>
    <th>Obst</th>
    <th>Gemüse</th>
    <th>Fisch</th>
  </tr>
  <tr>
    <td>Miljöh</td>
    <td>Kiez</td>
    <td>Bierdampf</td>
   </tr>
   <tr>
     <td>Buletten</td>
     <td>Frikadellen</td>
     <td>Fleischpflanzerl</td>
   </tr>
</table></font>

Ergebnis

Meine erste Tabelle

Was bedeuten die Einzelnen HTML Tags einer Tabelle?

<table> Tag

Das <table>-Tag in HTML wird verwendet, um Tabellen innerhalb einer Webseite zu erstellen. Es definiert einen Bereich innerhalb einer Webseite, in dem tabellarische Daten angezeigt werden können. Das <table>-Tag wird in der Regel mit weiteren Tags wie <tr> (Tabellenzeile), <th> (Tabellenkopf) und <td> (Tabellenzelle) verwendet, um die Struktur und das Layout der Tabelle festzulegen.

<table>
   Tabelleninhalt  
</table>

<tr> Tag

Das <tr>-Tag in einer Tabelle steht für „table row“ und wird verwendet, um eine einzelne Zeile in einer HTML-Tabelle zu definieren. Jede Zelle in dieser Zeile wird innerhalb von <td>-Tags platziert. Das <tr>-Tag wird normalerweise innerhalb des <table>-Tags platziert, das den Beginn und das Ende der Tabelle markiert.

<tr>
     <td>Buletten</td>
     <td>Frikadellen</td>
     <td>Fleischpflanzerl</td>
   </tr>

<th> Tag

Das <th> Tag in einer Tabelle definiert eine Zelle als Überschriftenzelle innerhalb einer Tabellenreihe. Diese Zelle wird automatisch fett gedruckt und zentriert angezeigt, um deutlich zu machen, dass es sich um eine Überschrift handelt. Das Tag wird oft verwendet, um die Spalten- oder Zeilenüberschriften in einer Tabelle zu kennzeichnen.

 <th>Gemüse</th>

Ü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

Kennst du schon diese Memes?

Smiley Bedeutung