Home › HTML Tutorial › HTML Project, Complete webpage source code

HTML Table based Forms Project 2

Form Design in HTML: Project 2

This is the complete source code of this project. You can view the output of this Code Here .

You might have some problem on small monitor. If you are not able to view the source code completely, please the printer friendly version of this page. The link to the clean page is given at the bottom of this page.

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>HTML Project</title>

<style type = "text/css">
body
{
margin: 0px;
}

.content
{
border-left: 1px solid #000000;
}

.table
{
border: 1px solid #000000;
}

.footer
{
border-top: 1px solid #000000;
}
</style>

</head>

<body bgcolor = "#FFEDB8">
<center>
<table width = "800" cellpadding = "15" cellspacing = "0" class = table bordercolor = "#FFEDB8"
bgcolor = "#F2F2F2">
<tr align = center
valign = "middle"
bgcolor = "#856300"
bordercolor = "#000000"><td colspan = "2"
height = "100"><font color = "#000000" size = "7">Tutorial India

<br><font color = "#ffffff" size = 2><u>Html Project</u></font> </font></td>

</tr>

<tr bordercolor = "#F2F2F2">
<td width = 150 valign = "top">
<a href = "#">Home</a>

<br>

<a href = "#">About Us</a>

<br>
<a href = "#">Login</a>

<br>

<a href = "#">Register</a>

<br>
<hr color = "#000000" size = "1" width = "100%">
<img src = "#" alt = "Alternative Text">

<p align = "justify">

This page is a complete page layout project in HTML. This project uses the basic tags of html.
This layout is created using the HTML tables only.
</p>
</td>

<td class = content align = "justify">
<p>
<center><u><h3>HTML Web Page Layout Using Forms</h3></u></center></p>

<form action = "#">
<table align = center>
<tr><td>User Id:</td><td><input type = text name = userid maxlength = "20"></td>
</tr>

<tr><td>Password:
</td><td><input type = password name = pass maxlength = "20"></td>
</tr>

<tr><td colspan = 2 align = "center"><input type = submit value = Login></td>

</tr>
</table>
</form>
</td>
</tr>
</table>

<br>
<a href = "#"><font size = "2">Disclaimer</font></a>
</center>
</body>

</html>

  • 1095 reads