Navigation Form-HTML, Frameset

Navigation Frame in Html

Note : All files must be saved in one folder

frame.html


<html>

<frameset rows="30%,70%">

<frame name="head" src="frameA.html" align="center"/>
<frameset cols="40%,60%">
<frame name="content" src="frameb.html"/>
<frame name="disp" src="table.html"/></frame>
</frameset>
</frameset>
</html>

frameA.html


<html>
<marquee>Institute of techonolgy & Management</marquee>


</html>

frameb.html


<html>
<body>

<center><a href="table.html" target="disp" >table</a></center><br>
<center><a href="form.html" target="disp" >form</a><center><br>
<center><a href="modi.html" target="disp" >modi</a><center><br>
<center><a href="Time_Table.html" target="disp" >Time table</a><center><br>

</body>
</html>

table.html


<html>
<head>
<title>Time table</title>
</head>
<body>
<b><center><h3>
DELHI METRO TIME DETAILS
</center></b></h3>

<table border="3" width="75%" cellspacing="2" cellpadding="25"
align=center></h3>

<caption align=left>First and Last Train Timing-All Lines
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</caption></h3>


<tr>
<td COLSPAN=4 bgcolor="grey"><center>First Train Timing-Line1</td></tr>
<tr>
<td>DILSHAD GARDEN</td>
<td>5:30</td>
<td>RITHALA</td>
</tr>
<tr><td>RITHALA</td>
<td>5:45</td>
<td>DILSHAD GARDEN</td>
</tr>


<tr>
<td COLSPAN=4 bgcolor="grey"><center>Last Train Timing-Line-1</td></tr>
<tr>
<td>DILSHAD GARDEN</td>
<td>23:00</td>
<td>RITHALA</td>
</tr>
<tr><td>RITHALA</td>
<td>23:31</td>
<td>DILSHAD GARDEN</td>
</tr>


<tr>
<td COLSPAN=4 bgcolor="grey"><center>First Train Timing-Line2</td></tr>
<tr>
<td>JHANGIRIPURI</td>
<td>6:00</td>
<td>HUDA CITY</td>
</tr>
<tr><td>VISHWA VIDYALYA</td>
<td>5:00</td>
<td>HUDA CITY</td>
</tr>
<tr><td>HUDA CITY CENTER</td>
<td>5:45</td>
<td>JHANGIRIPURI</td>
</tr>


<tr>
<td COLSPAN=4 bgcolor="grey"><center>Last Train Timing-Line1</td></tr>
<tr>
<td>JHANGIRIPURI</td>
<td>23:18</td>
<td>HUDA CITY</td>
</tr>
<tr><td>HUDA CITY CENTER</td>
<td>23:30</td>
<td>JHANGIRIPURI</td>
</tr>
</body>
</html>

Time_Table.html


<html>

<head>
<title>Time table</title>
</head>
<body>

<b><center><h3>
INSITUTE OF TECHNOLOGY & MANAGEMENT
</center></b></h3>

<table border="2" width="75%" cellspacing="2" cellpadding="25"
align=center></h3>


<caption align=left>Time Table(Room no-301):
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</caption></h3>
<tr>

<th>Periods</th>
<th rowspan=2>1<br></th>
<th rowspan=2>2<br></th>
<th rowspan=7><br>break</th>
<th rowspan=2>3<br></th>
<th rowspan=2>4<br></th>
<th rowspan=7><br>break</th>
<th rowspan=2>5<br></th>
<th rowspan=2>6<br></th>
<th rowspan=7><br>break</th>
<th rowspan=2>7<br></th>
<th rowspan=2>8<br></th>
</tr>
<tr>


<th>Days</th>
<tr>
<th>Monday</th>
<td>CS</td>
<td>COA</td>
<td>AE-II</td>
<td>MATH</td>
<td>NAS</td>
<td>EMFT</td>
<td colspan=2>NAS LAB(G1)<br>/
LINUX LAB(G2)</td>
</tr>
<tr>
<th>Tuesday</th>
<td>NAS</td>
<td>CS</td>
<td>AE-II</td>
<td>MATH</td>
<td colspan=2>CS LAB(G2)<br>/
MATH LAB</td>

<td colspan=2>ACTIVITY</td>
</tr>


<tr>
<th>WEDNESDAY</th>
<td>COA</td>
<td>AE-II</td>
<td>MATH</td>
<td>EMFT</td>
<td colspan=2>NAS LAB(G1)<br>/
LINUX LAB(G2)</td>

<td>NAS</td>
<td>EMFT</td>
</tr>


<tr>
<th>Thursday</th>



<td>MATH</td>
<td>AE-II</td>
<td>CS</td>
<td>COA</td>
<td>EMFT</td>
<td>NAS</td>
<td colspan=2>CS LAB(G1)<br>/
AE LAB(G2)</td>
</tr>

<tr>
<th>Friday</th>
<td>MATH</td>
<td>COA</td>
<td>NAS</td>
<td>EMFT</td>
<td>CS</td>

<td>AE-II</td>



<td colspan=2>MATH LAB(G1)<br>/
AE LAB(G2)</td>
</tr>
</table>
</body>

</html>

form.html
<html>
<head>
<frameset cols="30%,*" >
<frame name="content" src="frameb.html"></frame>
<title>Registration Form</title>
</head>
<body bgcolor="lightgrey"  text="black" style="font-size:15pt;font-family:Garamond"><center>
<h2>Registration Form</h2>

<form>
     <table name=tab cellspacing=2=30pt>
	  <tr>
	    <td >
		Enter your Name:
	    </td>
	    <td >
		<input type="text" placeholder="Name"   size=18>
	     </td>
	   </tr>


	  <tr>
	    <td>
		Password:
	    </td>
	    <td>
		<input type="text" placeholder="Password" name="">
	     </td>
	   </tr>


	  <tr>
	    <td>
		Gender:
	    </td>
	    <td>
		<input type="radio" name="Gender">Male
		<input type="radio" name="Gender">Female
	     </td>
	   </tr>
	

	  <tr>
	    <td>
		Email:
	    </td>
	    <td>
		<input type="mail"  Placeholder="Email" name="">
		
	     </td>
	   </tr>
	
		
	  <tr>
	    <td>
		Phone no:
	    </td>
	    <td><select>
		<option>977</option>
		<option>978</option>
		<option>979</option>
		<option>980</option>
		<option>983</option>
		<option>981</option>
		</select>
	<input type="phone" placeholder="9848*****" name"">
	</td>
	</tr>
		<tr>
		<td>
		  <input type="Submit" value="Submit" name"">
		</td>
		</tr>
</table>
	     </frameset>
		</html>

Output :

Click > Frame.html >Table

Click > In navigation form > Modi

Click > In navigation form >Time_Table

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top