Saved Bookmarks
| 1. |
Create a web page using frames for Tourism department showing list of tourist places in Kerala. When a place is selected a detailed description should be available in a separate window.ORCreate a form that accepts information regarding a student. Fields necessary are name, age, class, sex, roll number, hobbies and date of birth. Use appropriate form controls. |
|
Answer» By using target property ,we can design like this. Consider the following five files. Step 1. Take a notepad and type the following and save it as main.html on C:\ <html> <head> <title> Tourist places in Kerala </title> </head> <body bgcolor=”cyan”> <h1><u><b><center>Tourist Places in Keral<ol> <li><a href=”tvm.html” target=”f2">Thiruvar <li><a href=”ekm.html” target=”f2">Emakula <li><a href=”clt.html” target=”f2">Calicut</a </ol> </body> </html> Step 2. Take a notepad and type the following and save it as tvm.html on C:\ <html> <head> <title> Tourist places in Kerala </title> </head> <body bgcolor=”cyan”> <h1><u><b><center>Thiruvanathapuram</> <li>Kovalam</li> <li>zoo</li> <li>Padmanabha Swami Temple</li></ul> </body> </html> Step 3. Take a notepad and type the following and save it as ekm.html on C:\ <html> <head> <title> Tourist places in Kerala </title> </head> <body bgcolor=”cyan”> <h1><u><b><center>Emakulam</center></ <ul> <li>Bolghatty Palace</li> <li>ShipYard</li> <li>Marine Drive</li> </ul> </body> </html> Step 4. Take a notepad and type the following and save it as clt.html on C:\ <html> <head> <title> Tourist places in Kerala </title> </head> <body bgcolor=”cyan”> <h1><u><b><center>Calicut</center></b> <ul> <li>Kappad Beach</li> <li>Planetorium</li> <li>Mananchira</li> </ul> </body> </html> Step 5. Take a notepad and type the following and ‘ save it as frame.html on C:\ <html> <head> <title> fiame </title> <fiameset cols="33%,*"> <fiame src="main.html> <fiame src=tvm.htmr name=”f2"> </fiameset> </html> Step 6. Execute frame.html we will get the output. OR <html> <head> <title> form </title> <body bgcolor="cyan"> <form method=”post” action=”fa.php”> <h1><u><center><b>Application Form </b:Name <input type="text” name="txtname”> <br> Age <br> Class <input type=”text” name=”txtclass”> <br> Sex Male<input type=”radio” name=”optsex” val> Female<input type=”radio” name=”optsex” val> <br> Roll No <input type=”text” name=”txtroll” size=”1 "> <br> Hobbies Reading<input type=”checkbox” name=”cbr Singing<input type=”checkbox” name=”cbsin Playing<input type=”checkbox” name=”cbpl <br> Date of Birth <input type=”text” name=”txtdob” size=”1 "> <br><br> <in put ty pe=”subm it” val ue=”su bmit”> <input type=”reset” value=”reset”> </form> </body> </html> |
|