Skip to content
Related Articles

Related Articles

Design a table using table tag and its attributes
  • Last Updated : 14 Dec, 2020

In this article, we will create a table using HTML. To create this table, we must know the tags required to create the table. At first, we will create the structure of the table and we will use attributes to design the table.

Approach: To create the table we have to use the <table> tag and we will use attributes of the <table> tag to design the table. The attributes that we will use to design the table are: cellspacing, cellpadding, border, bg color, etc.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<body bgcolor="pink">
    <table bgcolor="silver" align="center" 
        border="5" cellspacing="5" 
        cellpadding="5">
          
        <tr bgcolor="purple">
            <caption align="top">
                <h2 style="color: #ff3300;">
                    Train
                </h2>
            </caption>
  
            <th bgcolor="magenta">train number</th>
            <th bgcolor="magenta">departure</th>
            <th bgcolor="magenta">arrival</th>
            <th bgcolor="magenta">category</th>
        </tr>
        <tr>
            <td>12267</td>
            <td>23:25</td>
            <td>05:15</td>
            <td>duronto</td>
        </tr>
        <tr>
            <td>12426</td>
            <td>19:40</td>
            <td>05:05</td>
            <td>rajdhani</td>
        </tr>
        <tr>
            <td>12019</td>
            <td>06:05</td>
            <td>13:15</td>
            <td>shatabdi express</td>
        </tr>
    </table>
</body>
  
</html>

chevron_right


Output:

So using the attributes of the table tag, we can design the table.

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :