Friday, 23 November 2012

frameset and iframe example

-------------- frameset------------------------------------- <FRAMESET cols="20,80" border="0"> <FRAME SRC="Mypage.html" ></FRAME> <FRAME SRC="page1.html" NAME="kmit"></FRAME> </FRAMESET> -----------------------Mypage.html------------------------------------- <HTML> <HEAD> <TITLE> menu</TITLE> </HEAD> <BODY > <h1>menu</h1> <a href="page1.html" target="kmit">AboutUs</a><br> <a href="page2.html" target="kmit">Home</a><br> <a href="page3.html" target="kmit">ContactUs</a><br> </BODY> </HTML> ------------------------page1.html------------------ <HTML> <HEAD> <TITLE>page1</TITLE> </HEAD> <BODY bgcolor=#00FFFF> <h1> About Us</h1> </BODY> </HTML> -------------------------page2.html------------ <HTML> <HEAD> <TITLE> page2</TITLE> </HEAD> <BODY bgcolor=#FFFF66> <h1> Home</h1> </BODY> </HTML> ------------------------page3.html--------------- <HTML> <HEAD> <TITLE>page3</TITLE> </HEAD> <BODY bgcolor=#99FF00> <h1> Contact Us</h1> </BODY> </HTML> -------------- iframe--------------------------- <HTML> <HEAD> <TITLE>iframe</TITLE> </HEAD> <BODY> <h1>Hi welcome to kmit</h1> <iframe src="page1.html" width="200" height="200" name="kmit">page1.html</iframe> <p> <a href="page2.html" target="kmit">page2.html</a></p> </BODY> </HTML> -----------------------------------------------------------

Thursday, 22 November 2012

image map example

<html> <head> <title>Imagemap</title> </head> <body> <div> <img alt="" src="india_map.jpg" style="border-style:none" usemap="#india_map" /> </div> <div> <map id="india_map" name="india_map"> <area shape="poly" alt="" coords="58,257,76,261,89,257,91,261,99,252,136,265,154,292,142,318,138,329,129,344,121,340,120,301,110,325,83,327,58,295,81,288" href="1.html" title="" /> </map> </div> </body> </html>

form controls in html

<HTML> <HEAD> <TITLE>KMIT FORM </TITLE> </HEAD> <BODY> <form id="myform" method="get" action=" "> <strong>FIRST NAME:</strong> <input type="text" id="fname" value="enter your first name"/><br> <strong>PASSWORD:</strong> <input type="password" id="pass"/><br> <input type="radio" name="sex" value="male">male</input><br> <input type="radio" name="sex" value="female">female</input><br> <INPUT TYPE="checkbox" NAME="reading" value="r">Reading</input><br> <INPUT TYPE="checkbox" NAME="writing" value="w">writing</input><br> <strong>address:</strong> <textarea id="address" rows="5" cols="10"></textarea><br> <strong>Branch</strong> <select id="branch"> <option id="cse">CSE</option> <option id="ece">ECE</option> <option id="eie">EIE</option> <option id="it" selected>IT</option> </select> <INPUT TYPE="submit" VALUE="submit"> <INPUT TYPE="reset" value="clear now"/> </form> </BODY> </HTML>