Monday 3 December 2012

BASICS OF HTML DESIGN


<html>
<head>
<title>first day of html</title>
</head>
 <body bgcolor="yellow">
<h1> this is first heading</h1>
<h2> this is second heading</h2>
<h3> this is third heading</h3>
<h4 align="right"> this is fourth heading</h4>
<h5 align="center"> this is fifth heading</h5>
<p> invitation to the new year party from manish
<br/>
<center>
 asfasdfasdfasdf
</center>
 asdfasdfasdfasdfas
asdfasdfasdfasdfas
fasdfasdfasdfasdfasdfasdf</p>
<h6  valign="Bottom"> this is sixth heading</h6>
<hr size="5px" width="40%" align="center" color="black">
<br/>
<p><b><i><font color="green" Family="Arial"><u> manish is organising a party in the occasion of new year</b></i></u></font></p>
 
<pre> this is pre tag data</pre>
<Em> this is em tag data</Em>
<br/>
<strike> this is strike data</strike>
<br/>
<strong>this is strong data </strong> 
<tt> this is teletype display</tt>
<br/>
<cite> this is cit tag</cite>
 
<p>25<sub>5</sub></p>
 
<p> 25<sup> 3 </sup></p>
 
  <ul type="">
<b>
<center>
<li ><font color="green"> list item 1</font></li>
<li ><font color="green"> list item 2</font></li>
<li ><font color="green"> list item 3</font></li>
 
</b>
</ul>
  <ol type="1" start="3">
<b>
<center>
 
  <li ><font color="green"> list item 1</font></li>
<li ><font color="green"> list item 2</font></li>
<li ><font color="green"> list item 3</font></li>
</center>
</b>
</ol>
    
</center>
</ul>
 
<img src="C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures\Sunset.jpg" width="300px" height="200px">
 
<a href="C:\Documents and Settings\Ducat.net\Desktop\second.htm">click here to login</a>
</body>
 <b>2 <sup>5</sup></b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <b> 5 <sub>3</sub></b>

 <center>
<marquee behavior="scroll" width="60%"><font size="12pt" colorr="blue"><b>welcome to here after clicking on a page</marquee>
 
<table border="10" width="40%">
<tr>
<th>
name
</th>
 
<th>
phy
</th>
 
<th>
chem
</th>
</tr>
<tr align="center" valign="middle" height="30px" bgcolor="yellow">
<td bgcolor="blue">
pawan
</td>
 
<td>
<font size="5pt" color="pink">
98
</td>
 
<td>
95
</td>
</tr>
 
<tr align="center" valign="middle" height="30px" bgcolor="olive">
<td bgcolor="blue">
pawan
</td>
 
<td>
<font size="5pt" color="pink">
98
</td>
 
<td>
95
</td>
</tr>
<tr align="center" valign="middle" height="30px" bgcolor="orange">
<td bgcolor="blue">
pawan
</td>
 
<td>
<font size="5pt" color="pink">
98
</td>
 
<td>
95
</td>
</tr>
</table>
 
 
</center>
<center>
<table width="80%" border="2">
   <tr height="80px">
         <td width="10%">
     <img src="D:\imagesofopc\call-us.jpg" height="80px" width="100%">     
         </td>
 
 <td width="70%" colspan="2">
<marquee height="80px" width="100%" behavior="alternate">
  <img src="D:\imagesofopc\call-us.jpg" height="80px" width="200px">  
</marquee>
         </td>
 </tr>
 
 <TR width="100%">
     
<td>
<p>ENTER YOUR NAME</P>
<td>
<TD>
<INPUT TYPE="TEXT">
</TD>
 
          </tr>
<TR>
<TD>
<P>ENTER YOUR PASSWORD </P>
</TD>
<TD>
<INPUT TYPE="PASSWORD" NAME="PWD" SIZE="15" MAXSIZE="3" >
</TD>
</TR>
<TR>
<TD>
<P>SELECT YOUR COURSE </P>
</TD>
<TD>
  <INPUT TYPE="CHECKBOX">BTECH &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox">mba
</TD>
</TR>
<TR>
<TD>
<P>SELECT YOUR gender </P>
</TD>
<TD>
  <INPUT TYPE="radio">male &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio">female
</TD>
</TR>
<TR>
<TD>
<P>upload your resume </P>
</TD>
<TD>
  <INPUT TYPE="file"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</TD>
</TR>
<TR>
<TD>
<P>submit your query </P>
</TD>
<TD>
  <textarea></textarea>
</TD>
</TR>
<tr>
<td>
<select>
<option>
male
</option>
 
<option>
female1
</option>
</select>
</td>
</tr>
<TR>
<TD>
<P>submit your query </P>
</TD>
<TD>
  <input type="submit" value="register">
</TD>
</TR>
</table>
 
<center>

</body>
</html>


No comments:

Post a Comment