Html Web Pages: June 2019

Saturday, 15 June 2019

Tutorail home page designing using html and css

Tutorail home page designing using html and css

<html>
<head>
<style>
.list
{
font-size:20;
font-family:tahoma;
}
h1
{
color:green;
text-align:center;
font-size:50;
}
footer
{
background-color:Darkred;
color:white;
text-align:justify;
height:30px;
padding-top:10px;
border-radius:10px;
}
</style>
</head>
<body bgcolor=pink>
<div class="main">
<div>
<h1><u>Web Technologies Tutorials</u></h1>

</div>
<div class="list">
<ul>
<li><a href="https://www.javatpoint.com">Home</a></li>
<li><a href="java.html" class="selected">Java</a></li>
<li><a href="c.html">C</a></li>
<li><a href="c++.html">C++</a></li>
<li><a href="c-sharp-tutorial">C#</a></li>
<li><a href="servlet.html">Servlet</a></li>
<li><a href="jsp.html">JSP</a></li>
<li><a href="ejb-tutorial">EJB</a></li>
<li><a href="struts-2-tutorial">Struts2</a></li>
<li><a href="mail.html">Mail</a></li>
<li><a href="hibernate.html">Hibernate</a></li>
<li><a href="spring.html">Spring</a></li>
<li><a href="android.html">Android</a></li>
<li><a href="design-patterns-in-java">Design Pattern</a></li>
<li><a href="examaccess">Quiz</a></li>
<li><a href="free-java-projects">Projects</a></li>
<li><a href="corejava-interview-questions">Interview Q</a>
<li><a href="comment.html">Comment</a>
<li><a href="forum.html">Forum</a>
<li><a href="training.html">Training</a>
</li>
</ul>
</div>
</div>
<footer><b>© Copy Right 2019 Sathya Technologies Ameerpet, HYD.<b></footer>
</body>
</html>

Friday, 14 June 2019

Bank money Transfer form using html

<html>
<title><signin></title>
<center>
<h1> Bank Money Transfer</h1>
<form method="Get" action="Check">
<FONT SIZE="20" FACE="courier" COLOR=blue>
<body bgcolor="#E7E7EF"><br>
<table>
<tr><td><h3>Account No</h3></td><td ><input type=text name="user"></td></tr>
<tr><td><h3>IFSC Code</h3></td><td ><input type=text name="user"></td></tr>
<tr><td><h3>Account Holder name</h3></td><td ><input type=text name="user"></td></tr>
<tr><td><h3>Amount</h3></td><td><input type=password name="pass"></td></tr>
<tr><td><h3>Re-enter Account NO</h3></td><td ><input type=text name="user"></td></tr>
<tr><th COLSPAN="2"><input type=submit value="SUBMIT" name="SUBMIT"></tr>
</table>
</center>
</body>
</html>

Friday, 7 June 2019

Simple Calculator using Html Css and JavaScript

<html>
<head>
<style>
.button
{
width:50;
height:50;
font-size:25;
margin:2;
cursor:pointer;
background:#607d8b;
border:none;
color:white;
}
.textview
{
width:225;
margin:5;
font-size:25;
padding:5;
border:none;
color:#607d8b;
}
.main
{
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%)translateY(-50%)
}
.bg
{
background:linear-gradient(to right,#e91e63,#3151b5);
height:100%;

}
h1
{
position:absolute;
top:10%;
left:42%;
font-size:30;
}
</style>
<script>

function insert(num)
{
document.form.textview.value=document.form.textview.value+num

}
function equal()
{
var exp=document.form.textview.value;
if(exp)
{
document.form.textview.value=eval(exp);
}
}
function clean()
{
document.form.textview.value="";
}
function back()
{
var exp=document.form.textview.value;
document.form.textview.value=exp.subString(0,exp.lenth-1);

}
</script>
</head>
<body>
<h1> Simple Calculator</h1>
<div class="bg"></div>
<div class="main">
<form name="form">
<input class="textview" name=textview>
</form>
<table>
<tr>
<td> <input class="button" type="button" value=C onclick="clean()"></td>
<td> <input class="button" type="button" value=< onclick="back()"></td>
<td> <input class="button" type="button" value=/ onclick=insert("/")></td>
<td> <input class="button" type="button" value=* onclick=insert("*")></td>
</tr>
<tr>
<td> <input class="button" type="button" value=7 onclick=insert(7)></td>
<td> <input class="button" type="button" value=8 onclick=insert(8)></td>
<td> <input class="button" type="button" value=9 onclick=insert(9)></td>
<td> <input class="button" type="button" value="=" onclick="equal()"></td>
</tr>
<tr>
<td> <input class="button" type="button" value=4 onclick=insert(4)></td>
<td> <input class="button" type="button" value=5 onclick=insert(5)></td>
<td> <input class="button" type="button" value=6 onclick=insert(6)></td>
<td> <input class="button" type="button" value=- onclick=insert("-")></td>
</tr>
<tr>
<td> <input class="button" type="button" value=1 onclick=insert(1)></td>
<td> <input class="button" type="button" value=2 onclick=insert(2)></td>
<td> <input class="button" type="button" value=3 onclick=insert(3)></td>
<td rowspan=5> <input class="button" style="height:106" type="button" value=+ onclick=insert("+")></td>
</tr>
<tr>
<td colspan=2> <input class="button" style="width:106" type="button" value=0 onclick=insert(0)></td>
<td> <input class="button" type="button" value=. onclick=insert(.)></td>
</tr>
</table>
</body>
</html>

Html Web Pages