A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://www.geeksforgeeks.org/html/html-tdcolspan-attribute/ below:

HTML | <td>colspan Attribute - GeeksforGeeks

HTML | <td>colspan Attribute

Last Updated : 29 Apr, 2019

The

HTML <td> colspan Attribute

is used to specify

the number of columns a table should span

.

Syntax: 
<td colspan="number">
Attribute Values:

It contains the numeric value which specifies the number of columns a cell should span.

Example:

This Example illustrates the use of colspan attribute in Tabledata Element.

html 
<!DOCTYPE html>
<html>

<head>
    <title>
      HTML <td>colspan Attribute
  </title>
    <style>
        table,
        th,
        td {
            border: 1px solid black;
            border-collapse: collapse;
            padding: 6px;
        }
    </style>
</head>

<body>
    <h1 style="color: green;">
      GeeksforGeeks
  </h1>
    <h2>
      HTML <td>colspan
      Attribute
  </h2>
    <table>
        <tr>
            <th>Name</th>
            <th>Expense</th>
        </tr>
        <tr>
            <td>Arun</td>
            <td>&#8377;10</td>
        </tr>
        <tr>
            <td>Priya</td>
            <td>&#8377;8</td>
        </tr>

        <!-- The last row -->
        <tr>
            <!-- This td will span 
                two columns, that is 
                a single column will 
                take up the space of 2 -->
            <td colspan="2">
              Sum: &#8377;18
          </td>
        </tr>
    </table>
</body>

</html>
Output: Supported Browsers:

The browser supported by

HTML <td>colspan Attribute

are listed below:


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4