Create Table - Header in Rows and columns

     

    Code:

     

    <center>
    <html>
    <head>
    <title>Headers in Rows and Columns</title>
    </head>
    <body>
    <table border=2 bordercolor=red bgcolor=lightyellow align=center cellpadding="5px" cellspacing="5px">
    <tr>
    <th bgcolor="lightpink" >Fruit</th>
    <td bgcolor="lightpink">Quantity</td>
    <td bgcolor="lightpink">Price</td>
    </tr>
    <tr>
    <th bgcolor="lightblue" >Apple</th>
    <td>810</td>
    <td>70</td>
    </tr>
    <tr >
    <th bgcolor="lightblue">Banana</th>
    <td>580</td>
    <td>82</td>
    </tr>

    <tr>
    <th bgcolor="lightblue">Orange</th>
    <td>330</td>
    <td>95</td>
    </tr>

    <tr>
    <th bgcolor="lightblue">Grapes</th>
    <td>790</td>
    <td>95</td>
    </tr>

    <tr >
    <th bgcolor="lightblue">Papaya</th>
    <td>888</td>
    <td >90</td>
    </tr>
    </table>
    </body>
    </html>
    </center>

     

    Result:

    Fruit Quantity Price
    Apple 810 70
    Banana 580 82
    Orange 330 95
    Grapes 790 95
    Papaya 888 90

    Download The Coding Along With Web Page