HTML code to display list of names of your classmates
Hi Friends!
It is easy to display list of names of your classmates.
To do this we hope html table is more better to display. we can create it easly.
Lets start:
We have used following code:
<!DOCTYPE html>
<html>
<head>
<style>
#tb {
font-family: times;
border-collapse: collapse;
width: 100%;
}
#tb td, #tb th {
border: 1px solid #ddd;
padding: 8px;
}
#tb tr:nth-child(even){background-color: #f2f2f2;}
#tb tr:hover {background-color: #ddd;}
#tb th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #04AA6D;
color: white;
}
</style>
</head>
<body>
<table id="tb">
<tr>
<th>Sr.No:</th>
<th>Classmate Name:</th>
<th>Birthday:</th>
<th>Email Id:</th>
<th>Contact:</th>
<th>From:</th>
</tr>
<tr>
<td>1</td>
<td>Rekha Yadav</td>
<td>16 may</td>
<td>rekha@gmail.com</td>
<td>5854478547</td>
<td>Bihar,India</td>
</tr>
<tr>
<td>2</td>
<td>Nitin Yadav</td>
<td>20 Nov</td>
<td>nitin@gmail.com</td>
<td>6878588784</td>
<td>UP,India</td>
</tr>
<tr>
<td>3</td>
<td>Kautilya Rajpoot</td>
<td>2 Nov</td>
<td>kautilya@gmail.com</td>
<td>2585858874</td>
<td>Delhi,India</td>
</tr>
<tr>
<td>4</td>
<td>raushan Khan</td>
<td>8 Nov</td>
<td>raushan@gmail.com</td>
<td>8574845496</td>
<td>Delhi,India</td>
</tr>
<tr>
<td>5</td>
<td>Hena Rajpoot</td>
<td>6 Dec</td>
<td>hena@gmail.com</td>
<td>2585858874</td>
<td>Delhi,India</td>
</tr>
<tr>
<td>6</td>
<td>Kamla Rajpoot</td>
<td>2 Nov</td>
<td>kamla@gmail.com</td>
<td>2585858874</td>
<td>Delhi,India</td>
</tr>
</table>
</body>
</html>
>>>TRY TO CHECK OUT , IF ANY ERROR FOUND. PLEASE LET ME KNOW BY COMMENT.
I'LL TRY MY LEVEL BEST TO FIX THE PROBLEM.
THANKS FOR VISITING CodyLab
Have a nice day!
-------------------------- -------------------------
Donate me through - PayPal or RozorPay or Paytm