Perfect Guide

Posts tagged ‘HTML’

Basic HTML code

This page is a very simple basic webpage tutorial to show ‘how a web page works’ i.e. ‘how to create a ‘first’ basic simple HTML page’.

You have to open a notepad or some text editor and start typing the following code

<html>
<head>
<title>ComputerSneaker.com Basic HTML Code</title>
</head>
<body bgcolor="red" text="blue">
<h1>This is Heading 1</h1>
<p> This leads to paragraph </p>
<a href="http://www.computersneaker.com"> This is hyperlink to ComputerSneaker.com </a>
</body>
</html>

You have observed that each starting tag has an ending tag (But in advance tag it is not condition).
Save this file as “abc.html”
Open this file in your Browser(IE,Google Chrome, Firefox). You will have some magical output.:)
Notes:
Notes:

  1. Most HTML tags require an ‘starting’ and ‘ending’
  2. A web page requires an opening and closing HTML tag i.e. <html> .. web page here.. </html>
  3. The top section of the web page requires a ‘head’ section i.e. <head> … </head>
  4. Inside the ‘head’ you can place a title (The name you see when you add the site to your favorites / bookmarks) i.e. <head> <title> ..Text of Title as Computer Sneaker.com ..</title></head>
  5. After closing the <head>, the next section is the <body> The body is inside the <html> and </html> but it’s after the <head> … </head> section.

Creating registration form in HTML(development)

Following Code provides you complete Overview and guide that how to create Rgisration form in HTML;

NOTE:This is for the beginners with HTML this is practical implementation of  the contents that restrict you to the books only 😦

Enjoy it!

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Sign Up-Windows Live</title>
</head>

<body bgcolor=”#CCCCCC”>
<p><img src=”1849880079.png” width=”43″ height=”37″ />Windows Live
<sup>TM</sup></p>
<h3>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Create Your Hotmail Account    </h3>
<p>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is your windows live ID-it gets you into other services like messenger and sky drive.&nbsp;&nbsp;Fill the Schema:</p>
<hr />
<form action=”" method=”post” enctype=”multipart/form-data”>
<table style=”letter-spacing:10000″>
<tr>
<td height=”41″ align=”right”>Hotmail address:</td>
<td><input type=”text” name=”txt” id=”txt” /></td>
<td>@</td>
<td><select name=”hotmail” id=”hotmail”>
<option>hotmail</option>
</select></td>
</tr>
<tr>
<td></td>
<td><input type=”submit” value=”Check Availability” name=”buton1″ id=”buton1″/></td>
</tr>
<tr>
<td height=”31″ align=”right”>Create a password:</td>
<td><input type=”password” name=”pwd” id=”pwd” /></td>
</tr>
<tr>
<td height=”31″ align=”right”>Retype password:</td>
<td><input type=”password” name=”pwd” id=”pwd” /></td>
</tr>
<tr>
<td align=”right”>Alternate email address:</td>
<td><input type=”text” name=”txt” id=”txt” /></td>
</tr>
<tr>
<td align=”right”>First name:</td>
<td><input type=”text” name=”txt” id=”txt” /></td>
</tr>
<tr>
<td height=”30″ align=”right”>Last name:</td>
<td><input type=”text” name=”txt” id=”txt” /></td>
</tr>
<tr>
<td height=”35″ align=”right”>Country/Region</td>
<td><select name=”select”>
<option>Pakistan</option>
<option>US</option>
<option>England</option>
<option>China</option>
</select>
</td>
</tr>
<tr>
<td align=”right”>City/Region</td>
<td><select name=”select”>
<option>Select One</option>
<option>Faisalabad</option>
<option>Islamabad</option>
<option>Lahore</option>
<option>Bahawalpur</option>
<option>Multan</option>
</select>
</td>
</tr>
<tr>
<td align=”right”>Postal Code:</td>
<td><input type=”text” name=”txt” id=”txt” /></td>
</tr>
<tr>
<td align=”right”>Gender:</td>
<td><input type=”radio” name=”sex” value=”male” />
Male</td>
<td><input type=”radio” name=”sex” value=”female” />
Female</td>
</tr>
<tr>
<td align=”right”>Brith Year:</td>
<td><input type=”text” name=”txt” id=”txt” value=”Example:1990″ /></td>
</tr>
</table><hr />
<table>
<tr><td>Clicking <strong>I accept</strong> means that you agree to the microsoft services.Now you can recieve Emails from your friends and family members for free , any time.It also provides you the facility to unsubscribe at any time.</td></tr></table>
<table>
<tr><td width=”183″> </td>
<td width=”252″><input type=”submit” value=”I accept” name=”btn” id=”btn” /></td><td><input type=”reset” value=”Reset” name=”btn” id=”btn” /></td></tr>

</table>
</form>
</body>
</html>

OUT PUT:

%d bloggers like this: