HTML Table

Monday 11 June 2018

HTML Table

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>
HTML Table
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

1 comment: