HTML: Tabellen erstellen – So gehts!

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

Wenn du eine Tabelle in HTML erstellen möchtest dann kannst du dafür das Tabellen Tag verwenden. Eine Tabelle besteht aus folgenden Elementen und Tags die du dir merken solltest.

Stelle deine HTML oder CSS Frage in unserem Forum, kostenlos und ohne Anmeldung!

<tr> Tag für eine Tabellenreihe
<th> Überschrift der Tabellenspalte
<td> Tag für eine Tabellenzeile

Beispiel für eine HTML Tabelle

So sieht eine HTML Tabelle im Code aus. Schau dir mal die Tags oben an du wirst sie im Code wiederkennen.

<table>
  <tr>
    <th>Firma</th>
    <th>Contact</th>
    <th>Stadt</th>
  </tr>
  <tr>
    <td>Ralf</td>
    <td>Stefanie</td>
    <td>Monika</td>
  </tr>
  <tr>
    <td>Berlin</td>
    <td>Hamburg</td>
    <td>Stuttgart</td>
  </tr>
</table>

Ergebnis der Tabelle

So sieht dann das Ergebnis deiner Tabelle aus.

FirmaContactStadt
RalfStefanieMonika
BerlinHamburgStuttgart

Jetzt HTML lernen

Fazit

Eine Tabelle in HTML zu erstellen ist also garnicht so schwer. Du musst dir eigentlich nur die drei wichtigsten Tags merken (tr, td, th). Mit diesen kannst du beliebige Tabellen erstellen. Perfekt jetzt kannst du Tabellen erstellen!

Weitere Beiträge zu HTML

HTML: Text in Zwischenablage kopieren – So gehts
HTML: Grundgerüst – Webseite erstellen
HTML: Textarea erstellen – So gehts
PHP in HTML einfügen – So gehts!
HTML: Rahmen um Text – So gehts

HTML Datei öffnen – Kostenloser Editor 2021
HTML: Anker erstellen – So wirds gemacht!
HTML: 302 Redirect – So einfach gehts!
HTML: URL Parameter Erklärung
HTML: Bild einfügen – So gehts!

Jquery in HTML einbinden : So wirds gemacht!
HTML: Zurück Button & Link erstellen: So gehts!
HTML: Versteckter und Unsichtbarer Text : So gehs
HTML: Großbuchstaben schreiben: So gehts!
HTML: Icons einfügen: So gehts!

HTML: iFrame in Webseite einbinden – So gehts!
HTML: Liste erstellen – So gehts!
HTML: Erzwungenes Leerzeichen einfügen – So gehts!
CSS in HTML einbinden – So gehts!
HTML: Leerzeichen erstellen – So einfach gehts!

HTML: Auskommentieren – So gehts!
HTML: Bild zentrieren und mittig ausrichten
HTML: Fett schreiben – So einfach gehts!
HTML Text ausrichten: rechtsbündig & linksbündig
HTML: Zeilenabstand einstellen – So gehts!

HTML: Trennlinie einfügen – So gehts!
HTML: Absatz einfügen – So gehts!
HTML: Horizontale Linie – So gehts
HTML: Tabellen erstellen – So gehts!
HTML: Datum & Uhrzeit anzeigen – So gehts!


    html redirect   

Das könnte dich interessieren!

Weitere Kategorien






Schreibe einen Kommentar



23891