Tables in HTML



What is table in HTML?

  • HTML Tables are used to represent the data in tabular form on the webpage.

  • HTML Tables are collections of rows or columns.

  • Tables are created using <table> tag.


Table Tags used in HTML

1). Table

<table> tag is used to create a table in the HTML.

<table> </table>


2). Table Header

<thead> tag is used to create the header section of a table.

<thead> </thead>


3). Table Body

The <tbody> tag is used to defines the body of the table.

<tbody> </tbody>


4). Table Footer

<tfoot> is used to create the footer for the table. This tag is placed at the bottom of the table.

<tfoot> </tfoot>


5). Table Head

<th> is used to define the header of table columns.

<th> </th>


6). Table Row

<tr> tag is used to create a table row.

<tr> </tr>


7). Table Column

<td> is used to create table data cell or columns in the table. It basically contains the table data.

<td> </td>

Table Attributes in HTML

1). border

This attribute is used to set the border on the table.

<table border="1"> </table>


2). colspan

This attribute specifies the number of columns a cell should span. 

<td colspan="2"> Frontend Developer</td>


3). rowspan

This attribute specifies the number of rows a cell should span

<td rowspan="2"> Raju Web Dev </td>

Code Described in the video

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Tables in HTML </title>
</head>
<body>
    <table border="1">
        <tr>
            <td> Sr. No. </td>
            <td> Name </td>
            <td> Roll No. </td>
            <td> Role </td>
        </tr>
        <tr>
            <td> 1 </td>
            <td> Raju </td>
            <td> 4 </td>
            <td rowspan="2"> Frontend Developer </td>
        </tr>
        <tr>
            <td> 2 </td>
            <td> Rehana </td>
            <td> 6 </td>
        </tr>
    </table>
</body>
</html>


Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Below Post Ad