Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
10 views5 pages

HTML Table

The document contains multiple HTML programs demonstrating the creation of tables with various attributes and styles. Each program showcases different table structures, such as headers, rows, and cell formatting, including the use of CSS for styling. The tables present data related to students and a sale event, highlighting the versatility of HTML in web design.

Uploaded by

Puranjay Jain
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
10 views5 pages

HTML Table

The document contains multiple HTML programs demonstrating the creation of tables with various attributes and styles. Each program showcases different table structures, such as headers, rows, and cell formatting, including the use of CSS for styling. The tables present data related to students and a sale event, highlighting the versatility of HTML in web design.

Uploaded by

Puranjay Jain
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

HTML TABLE

Program 1
<body>
<Table border=5 bordercolor=blue cellpadding=5 cellspacing=5 bgcolor=yellow >
<caption> Table : Student </caption>
<tr>
<th> Roll.No</th>
<th> Name</th>
<th> Grade</th>
<th> Gender</th>
</tr>
<tr>
<td>1</td>
<td>Anuj</td>
<td>VI</td>
<td>M</td>
</tr>
<tr>
<td>5</td>
<td>Rekha</td>
<td>VII</td>
<td>F</td>
</tr>
</table>

Program 2
<body>
<table border=4 height=20% width=40%>
<tr align=center>
<td colspan=3> Details </td>
</tr>
<tr align=center>
<td>5</td>
<td>Rekha</td>
<td>VII</td>
</tr>
</table>
</body>

Program 3
<body>
<table border=3>
<tr>
<td rowspan=3> Details </td>
<td>5</td>
</tr>
<tr>
<td>Rekha</td>
</tr>
<tr>
<td> VII</td>
</tr>
</table>
</body>
Program 4
<body>
<table border=5 bgcolor=yellow>
<tr bgcolor=cyan>
<th colspan=3>MVN SECTOR 88</th>
</tr>
<tr>
<td rowspan=2> class VII </td>
<td> Theory</td>
<td>Practicals</td>
</tr>
<tr>
<td>70</td>
<td> 30</td>
</tr>
<tr>
<td colspan=3 bgcolor=plum>www.mvn88.com</td>
</tr>
</table>
</html>

Program 5 Table with CSS properties


<html>
<head>
<style>
Table,td
{
border-width:20;
border-style: groove;
border-color:green;
border-spacing:5;
padding:5;
width:40%;
color:blue;
background-color:cyan
}
Th
{
Background-color:green;
Border-color:white;
Border-style:inset;
Color:white;
}
</style>
</head>
<body>
<table>
<tr>
<th colspan=2> <h1>Sale!
Sale! Sale!</h1></th>
</tr>
<tr>
<td rowspan=3> Winter Gala </td>
<td> Kids Wear</td>
</tr>
<tr>
<td>Women Wear</td>
</tr>
<tr>
<td>Men Wear</td>
</tr>
</table>
</body>
</html>

You might also like