Saturday, 18 August 2012

CREATE A DUMMY CONTACT FORM

Hi Friends ...
Welcome Back
Here is the code for Creating a Dummy form.
After learning this article successfully i will show you the live Table with the database connectivity.

Here is the code for Contact Form.

Copy and paste the code on Notepad.
Having Problem with any content mail me on shankarjhajee@gmail.com


<html>
<head>
<title>MY FIRST CONTACT FORM</title>
<style type="text/css">
<!--
.style1 {color: #990000}
.style2 {
color: #990000;
font-weight: bold;
}
-->
</style>
</head>

<body>
<div align="center">
  <table width="425" border="1" cellpadding="0" cellspacing="0" bordercolor="#990000">
    <tr>
      <td colspan="2" bgcolor="#CCCCCC"><div align="center" class="style2"><u>CONTACT FORM </u></div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Name</div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Email</div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield2" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Contact Address </div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield3" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Mobile Number </div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield4" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">State</div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield5" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Country</div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield6" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Remarks</div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield7" />    
      </div></td>
    </tr>
    <tr>
      <td colspan="2" bgcolor="#666666"><div align="center">
        <input type="submit" name="Submit" value="Submit" />
      </div></td>
    </tr>
  </table>
</div>
</body>
</html>

  • Save as "contactform.html" on your Desktop.
  • Open it  & You will view the Contact Form Like this
MY FIRST WEB PAGE
CONTACT FORM
Name
Email
Contact Address
Mobile Number
State
Country
Remarks

Have Fun.
See You soon with the new article.

Posted by at No comments:
Labels:

CREATE A TABLE HAVING 2 ROWS AND 2 COLUMNS


Hi Friends...

Welcome back

Here is  the code available for creating a Table having 2 Rows & 2 Columns.

  •  Open a Notepad and type the following code.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MY FIRST WEB PAGE</title>
</head>

<body>
<table width="200" border="1" align="center">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>


  • Save the file by the name "table.html" on your Desktop.
  • Open the table.html 
  •  You will view a Table like this.

Have fun.
will present with a new Article very soon.

Posted by at No comments:
Labels:

PUT MARQUE CONTENT IN THE WEB PAGE


HI FRIENDS...

Here is the code to Put Marquee content on your web page.

  • Open a Notepad and type the following code

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MY FIRST WEB PAGE</title>
</head>

<body>
<p>WELCOME ALL</p>
<p><marquee>THIS IS THE FIRST MARQUEE CONTENT I PUT ON MY WEB PAGE </marquee></p>
</body>
</html>

  • Save the Notepad in the "pagemarquee.html" format on the Desktop.
  • Open the pagemarquee.html you will view the content "THIS IS THE FIRST MARQUEE CONTENT I PUT ON MY WEB PAGE" scrolling on your web page.
Have fun
See  You soon with new article.

Posted by at No comments:
Labels:

FIRST HTML PAGE PROGRAM

HI FRIENDS HERE I AM WRITING THE HTML PROGRAMMING FOR THE FIRST WEB PAGE PROGRAMMING.

WE NEED SOME STEPS FOR DESIGNING/WRITING THE FIRST WEB PAGE.


  • Open a Notepad.
  • Type the following code
<html>
<head>
<title>My First Web Programming</title>
</head>
<body>
<h1>HI THIS IS MY FIRST WEB PAGE</h1>
</body>
</html>
  • save the notepad file in "firstwebpage.html" format on your desktop.
  • Open the firstwebpage.html,you will view the content "HI THIS IS MY FIRST WEB PAGE".
Thanks for reading this blog.
Will present with the new article.
Have fun with the web page.

Posted by at No comments:
Labels:
Subscribe to: Posts (Atom)