<!DOCTYPE html>
<html>
<head>
<style>
#myHeader {
background-color: lightblue;
color: black;
padding: 20px;
text-align: center;
}
#empId {
background-color: lightblue;
color: black;
padding: 20px;
text-align: center;
}
.city {
background-color: tomato;
color: white;
border: 2px solid black;
padding: 20px;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
#t01 {
width: 100%;
background-color: #f1f1c1;
}
</style>
</head>
<body>
<h1 id="myHeader">My Header</h1>
<span id="empId"> EmployeeId </span>
<span class="city"> fName </span>
<span class="city"> lName</span>
<div class="city">
<h2>London</h2>
<p>London is the capital of England.</p>
</div>
<img class="city .img1 " src="E:\FreeSoftwareTraining\HtmlTraining\JoinSample.png" alt="Trulli" width="200" height="233">
<img id="myHeader" src="E:\FreeSoftwareTraining\HtmlTraining\YT.png" alt="Trulli" width="500" height="333" style="float: right;">
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
<br>
<table id="t01">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
<h1 class="city" style ="height="50"">List example </h1>
<h2>A Un ordder List</h2>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<h2>A ordder List</h2>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<h2>A Description List</h2>
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
<h1 id="myHeader" >My Footer</h1>
</body>
</html>
No comments:
Post a Comment