BESTE WEBSITE FÜR WEBENTWICKLER
HTML5-Lektionen für Anfänger

Ua En Es

HTML -Tabellen-Colspan und Rowspan


HTML-Tabellen können Zellen enthalten, die sich über mehrere Zeilen und/oder Spalten erstrecken.


NAME  
     
     
     
     
APRIL    
   
   
     
     
2025
     
FIESTA  
 
     

HTML-Tabelle – Colspan

Um eine Zelle über mehrere Spalten zu verteilen, verwenden Sie das Attribut colspan:

Beispiel

<table>
  <tr>
    <th colspan="2">Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>43</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>57</td>
  </tr>
</table>
Try it Yourself »

Hinweis: Der Wert des Attributs colspan stellt die Anzahl der zu überspannenden Spalten dar.


HTML-Tabelle – Rowspan

Um eine Zelle über mehrere Zeilen zu verteilen, verwenden Sie das Attribut rowspan:

Beispiel

<table>
  <tr>
    <th>Name</th>
    <td>Jill</td>
  </tr>
  <tr>
    <th rowspan="2">Phone</th>
    <td>555-1234</td>
  </tr>
  <tr>
    <td>555-8745</td>
</tr>
</table>
Try it Yourself »

Hinweis: Der Wert des Attributs rowspan stellt die Anzahl der zu umfassenden Zeilen dar.


HTML Übungen

Testen Sie sich mit Übungen

Übung:

Verwenden Sie das richtige HTML-Attribut, damit sich das erste TH-Element über zwei Spalten erstreckt.

<table>
  <tr>
    <th >Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>



Kommentare