html

Column 1	Column 2	Column 3	Column 4
Data row 1 column 1	Data row 1 column 2	Data row 1 column 3	Data row 1 column 4
Data row 2 column 1	Data row 2 column 2	Data row 2 column 3	row span
colspan 2	Data row 3 column 3

Tables

The table is the best way for representing data on the website. In HTML we can draw a table with the help of table group of tags. All important table tags are listed below.

<table>: Table paired tag, contains following tags inside it.
<th>: Table Header to add column name
<tr>: Table Row for each row in table
<td>: Table Data to put data in the cell

Apart from above-listed tags following are optional tags which are also used for better representation.

<caption>: Adds a caption below the table
<colgroup>: Colgroup helps in stating a group of columns
<thead>: Defines head of the column
<tbody>: Defines the body of the table and contains a set of rows
<tfoot>: Mainly used for summarizing at end of the column

Important attributes accepted by <table >

align: To align the table in a document.
bgcolor: The background colour of a table.
border: Size of the border surrounding table
cellpadding: space between the content of a cell and its border
cellspacing: space between two cells
width: width of the table

Merge Cell

colspan:

HTML tag <td> accept colspan attribute to merge cell. The colspan attribute defines the number of columns a cell should span.

rowspan:

HTML tag <td> accept rowspan attribute to merge cell. The colspan attribute defines the number of rows a cell should span.

____ is tag used for represent table in HTML

<!DOCTYPE html>
        <html>
        <head>
            <title>Table Example</title>
        </head>
        <body>
            <div>
                <table>
                    <tr>
                        <td>John</td>
                        <td>Doe</td>
                    </tr>
                    <tr>
                        <td>Jane</td>
                        <td>Doe</td>
                    </tr>
                </table>
            </div>
            <hr>
            <div>
                <table align="right" bgcolor="#FFFF00" border="2px" cellpadding="2px" cellspacing ="2px">
                    <tr>
                        <th>Column 1</th>
                        <th>Column 2</th>
                        <th>Column 3</th>
                        <th>Column 4</th>
                    </tr>
                    <tr>
                        <td>Data row 1 column 1</td>
                        <td>Data row 1 column 2</td>
                        <td>Data row 1 column 3</td>
                        <td>Data row 1 column 4</td>
                    </tr>
                    <tr>
                        <td>Data row 2 column 1</td>
                        <td>Data row 2 column 2</td>
                        <td>Data row 2 column 3</td>
                        <td rowspan="2">row span</td>
                    </tr>
                    <tr>
                        <td colspan="2">colspan 2</td>
        
                        <td>Data row 3 column 3</td>
        
                    </tr>
                </table>
            </div>
            
        </body>
        </html>

John	Doe
Jane	Doe