Skip to content

Instantly share code, notes, and snippets.

@InsaneNaman

InsaneNaman/tableexample.html

Last active October 5, 2017 12:11
Show Gist options
  • Save InsaneNaman/b69dc295d161552c002ea4f3ab304024 to your computer and use it in GitHub Desktop.
Save InsaneNaman/b69dc295d161552c002ea4f3ab304024 to your computer and use it in GitHub Desktop.
Download ZIP
Table Example
Raw
tableexample.html
<!DOCTYPE html>
<html>
<head>
<title>Stock Market</title>
<style>
marquee {
color:green;
font-family: Algerian;
}
table {
text-align: center;
border-spacing: 5px;
border: 3px solid black;
}
td {
border: 1px solid black;
padding: 5px;
background-color: yellow;
}
th {
border: 1px solid black;
padding: 5px;
background-color: red;
}
.category ul {
list-style: none;
}
.category li {
display: inline;
}
</style>
</head>
<body>
<marquee>NSE TOP GAINERS</marquee>
<table align="center">
<tr>
<th>Names</th>
<th>Closing Price</th>
<th>Opening Price</th>
</tr>
<tr>
<td style="background-color: orange">Wipro</td>
<td>708.55</td>
<td>710</td>
</tr>
<tr>
<td style="background-color: orange">SBI</td>
<td>2045.50</td>
<td>2050</td>
</tr>
<tr>
<td style="background-color: orange">ICICI</td>
<td>936.90</td>
<td>935</td>
</tr>
</table>
<p><strong>Mutual Funds Center</strong></p>
<label>Fund Name </label><input type="text" name="Fund Name">
<div class="category">
<p>Category:</p>
<ul>
<li><input type="radio" name="equity">Equity</li>
<li><input type="radio" name="debt">Debt</li>
<li><input type="radio" name="others">Others</li>
</ul>
</div>
<label>Fund Type</label>
<ul>
<li>open ended</li>
<li>close ended</li>
</ul>
<input type="submit" name="submit">
<p>Contact us : <a href="#">www.indiabank.com</a> &copy; India Bank Network 2016</p>
</body>
</html>
@InsaneNaman
Copy link
Author

Output Of Above Gist

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment