HTML Table
<!doctype html>
<html>
<head>
<title>Mera first car tarzan</title>
<style>
#t1, #t1 td, #t1 th {
border: 1px solid black;
border-collapse: collapse;
}
#t2, #t2 td, #t2 th {
border: 1px dashed black;
margin-left: 50px;
text-align: center;
}
#t2 td, #t2 th {
padding: 10px 20px;
}
#t3, #t3 td, #t3 th {
border: 1px black;
border-style: inset;
border-radius: 10px;
margin: 50px;
text-align: center;
}
#t3 td, #t3 th {
padding: 10px 20px;
}
#t4, #t4 td, #t4 th {
border: 1px solid black;
border-collapse: collapse;
margin: 50px;
text-align: center;
padding: 10px 20px;
}
#t4 td{
padding: 5px;
text-align: left;
}
</style>
</head>
<body>
<h1>Heading 1</h1>
<p>My first paragraph of text.</p>
<a href="http://www.google.com">Click the link to visit HypersionDev</a>
<img src="https://girlvsglobe.com/wp-content/uploads/2014/09/girl-vs-globe-london-big-ben.jpg" height=150px>
<ul>
<li>Item A</li>
<li>Item B</li>
<li>Item C</li>
</ul>
<table id="t1">
<tr>
<th>Student ID</th>
<th>Student Name</th>
<th>Gender</th>
<th>Age</th>
</tr>
<tr>
<td>1234</td>
<td>Bill</td>
<td>Male</td>
<td>17</td>
</tr>
<tr>
<td>1234</td>
<td>Bill</td>
<td>Male</td>
<td>
<video height=200px autoplay muted controls>
<source src="C:\Users\Lenovo\Downloads\vid.mp4" type="video/mp4">
</video>
</td>
</tr>
<tr>
<td>1234</td>
<td><img src="https://user-images.githubusercontent.com/14011726/94132137-7d4fc100-fe7c-11ea-8512-69f90cb65e48.gif"
height=100px></td>
<td>Male</td>
<td>17</td>
</tr>
</table>
<br><br>br>
<table id="t2">
<caption>Author Details</caption>
<tr>
<th>NAME</th>
<th>AGE</th>
<th>BRANCH</th>
</tr>
<tr>
<td>Rohan</td>
<td>26</td>
<td>EEE</td>
</tr>
<tr>
<td>Palak</td>
<td>23</td>
<td>MCA</td>
</tr>
<tr>
<td>Isha</td>
<td>19</td>
<td>MBBS</td>
</tr>
</table>
<!-- table 3 -->
<table id="t3">
<caption>Author Details</caption>
<tr>
<th>NAME</th>
<th>AGE</th>
<th>BRANCH</th>
</tr>
<tr>
<td>Rohan</td>
<td>26</td>
<td>EEE</td>
</tr>
<tr>
<td>Palak</td>
<td>23</td>
<td>MCA</td>
</tr>
<tr>
<td>Isha</td>
<td>19</td>
<td>MBBS</td>
</tr>
</table>
<table id="t4">
<caption style="font-style: italic;">A test table with merged cells</caption>
<tr>
<th rowspan="2"></th>
<th colspan="2">Average</th>
<th rowspan="2">Red <br>eyes</th>
</tr>
<tr>
<th>height</th>
<th>weight</th>
</tr>
<tr>
<th>Males</th>
<td>1.9</td>
<td>0.003</td>
<td>40%</td>
</tr>
<tr>
<th>Females</th>
<td>1.7</td>
<td>0.002</td>
<td>43%</td>
</tr>
</table>
</body>
</html>
Comments
Post a Comment