Create Nested Table

     

    Code:

    <html>
    <head>
    <title>Create Nested Table Using HTML Tags</title>
    </head>
    <body>
    <center>
    <table border="2" bordercolor="#990000">
    <tr>
    <td>
    <table border="2" bgcolor="lightyellow" bordercolor="#0000FF">
    <tr>
    <th bgcolor="lightblue">Fruit</th>
    <th bgcolor="lightblue">Quantity</th>
    <th bgcolor="lightblue">Price</th>
    <th bgcolor="lightblue">Location</th>
    </tr>
    <tr>
    <td>Apple</td>
    <td>700</td>
    <td>88</td>
    <td>South</td>
    </tr>
    <tr>
    <td>Banana</td>
    <td>470</td>
    <td>88</td>
    <td>West</td>
    </tr>
    </table>
    </td>
    <td>
    1.we can write required text<br>
    2.we can write required text
    </td>
    </tr>
    <tr>
    <td>above is the nested table</td>
    <td>I am outer table</td>
    </tr>
    <tr>
    <td>Outer table 3rd row 1 column </td>
    <td>Outer table 3rd row 2nd column</td>
    </tr>
    </table>
    </table>
    </center>
    </body>
    </html>

     

    Output:

    Fruit Quantity Price Location
    Apple 700 88 South
    Banana 470 88 West
    		1.we can write required text
    2.we can write required text
    above is the nested table I am outer table
    Outer table 3rd row 1 column Outer table 3rd row 2nd column

    Download The Coding Along With Web Page