HTML Table:
(Source Code of bellow table)
<!doctype html><html>
<head>
<style>
caption{font-size:36px;font-family:gergia;}
a{text-decoration:none;}
.link{float:right;}
table{float:left;}
th{background-color:black; color:white;}
tr:nth-child(odd){background-color:pink;}
tr:nth-child(even){background-color:skyblue;}
</style>
</head>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<body>
<table border="2px" width="500px">
<caption>
HTML Table
</caption>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Class</th>
<th>Date Of Birht</th>
<th>Subject</th>
</tr>
<tr>
<td>Muahtaq</td>
<td>Ahmad</td>
<td>MCS</td>
<td>15/3/1995</td>
<td>Computer Science</td>
</tr>
<tr>
<td>Asad</td>
<td>Khan</td>
<td>BS</td>
<td>23/4/1996</td>
<td>Computer Science</td>
</tr>
<tr>
<td>John</td>
<td>Smith</td>
<td>M.Sc</td>
<td>10/3/1995</td>
<td>Zoology</td>
</tr>
</table>
<p class="link">To Follow us on facebook:<br>
<a href="www.facebook.com/HowWhy308">Click Here</a>
</p>
</body>
</html>
First Name | Last Name | Class | Date Of Birht | Subject |
---|---|---|---|---|
Muahtaq | Ahmad | MCS | 15/3/1995 | Computer Science |
Asad | Khan | BS | 23/4/1996 | Computer Science |
John | Smith | M.Sc | 10/3/1995 | Zoology |
To Follow us on facebook:
Click Here
Click Here
Wow
ReplyDelete