Wednesday 18 July 2012

imp html tags examples


Span tag : (is used to color a part of the text ):
 -----------------------------------------------


<html>
    <head>
    </head>

<body>

<p>my villages name is <span style="color:red;"/>  gowrelly</span> </p>



 html layouts:
----------------


 <div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;">
          <h1 style="margin-bottom:0;">Main Title of Web Page</h1>
</div>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br />
   HTML<br />
   CSS<br />
   JavaScript
</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright © W3Schools.com</div>


</div>

Html Forms  :
------------
<table>
<form >

<tr> <td><colspan="5" >First name :<input type="text" name="First name " /></td></tr> <br/>
<tr><td>  Sur name : <input type="text" name="surname" /></td></tr><br/>
  <tr><td> desired<br/> username:<input type="text" name="user name "/></td></tr>  <br/>
 <tr><td>  password <input type="password" name="password" </td></tr>/>  <br/>
 <tr><td>  Gender <input type="radio" value="male" /></td></tr> <br/>
<tr><td>   Female <input type="radio" value="female" /></td></tr>
<tr><td>   Highest qualification<br/>
ssc<input type="checkbox" value="ssc" /></td></tr><br/>
        <tr><td> intermediate    <input type="checkbox" value="inter" /></td></tr><br/>
                <tr><td>  graduation   <input type="checkbox" value="graduation" /></td></tr><br/> 
               <tr><td>   post graduation   <input type="checkbox" value="post graduation" /></td></tr><br/>                      
<tr><td> <input type="submit" value="submit"/></td></tr><br/>
</form>
</table>


Iframes in html:
------------------

<iframe src="http://www.w3schools.com/html/html_iframe.asp" frameborder="10"/>

<iframe src="http://news.google.co.in/nwshp?hl=en&tab=wn" frameborder="5"/>
<FRAMESET ROWS="75%, *" COLS="*, 40%">
     <FRAME SRC="first.html">
     <FRAME SRC="second.html">

</FRAMESET>
</body>
</html>

No comments:

Post a Comment