Create Table With out Border Lines using HTML Tags

    Code:

     

    <html>
    <body>
    </head>
    <body>
    <center>
    <table border=2 bordercolor=red bgcolor=lightyellow align=center cellpadding="5px" cellspacing="5px" rules=none>
    <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>810</td>
    <td>&nbsp</td>
    <td>South</td>
    </tr>
    <tr >
    <td>Banana</td>
    <td bgcolor="lightgreen">820</td>
    <td>87</td>
    <td>North</td>
    </tr>
    <tr>
    <td>Orange</td>
    <td>&nbsp</td>
    <td bgcolor="lightgreen">75</td>
    <td>East</td>
    </tr>

    <tr>
    <td>Grapes</td>
    <td>950</td>
    <td bgcolor="lightgreen">95</td>
    <td>&nbsp</td>
    </tr>

    <tr >
    <td>Papaya</td>
    <td>85</td>
    <td>&nbsp</td>
    <td bgcolor="lightgreen">West</td>
    </tr>
    </table>
    </center>
    </body>
    </html>

     

    Output:

     

    Fruit Quantity Price Location
    Apple 810   South
    Banana 820 87 North
    Orange   75 East
    Grapes 950 95  
    Papaya 85   West

    Download The Coding Along With Web Page