Create an HTML Page to Link to Different HTML Pages Images, Tables

Create an HTML Page to Link to Different HTML Pages Contains Images, Tables. To create an HTML file to link to different HTML pages and also link within a page. So in this problem, we have to create a three pages one mainpage.html second image.html and the last page for a table named table.html for all three pages we have to create three different-different pages and save all pages in one folder for avoiding errors like source not found.

Explanation: Open Mainpage.html in the browser click the given link and one more thing put the image in the same folder and change the name of the image which is highlighted in the given Image.html page here are 3 pages. If you want to put all three pages in a different-different folder then share the source code of the image and file.

Sponsor: "Best study materials, current affairs magazine, PDF Notes, eBook, for competitive exam(UPSC, PCS, SSC, Banking, Railway and other exams) Example- Word power made easy PDF eBook. Visit the Most Popular competitive exam website for Hindi medium students- Math, English, general study, Logical reasoning PDF notes, Book, Monthly Magazine".

Tip: After doing the explanation section try to modify the code with your code this will help you to find the error and modification value that you change. Always create a folder for separate web page files for avoiding unnecessary mixing and irritation. Check the Output below of the program. If you are having any problems highly recommend following the given web page.

Recommendation: Create an HTML page named " SimpleTags.html ". with the details of the following tag

Create an HTML Page that Link to Different HTML Pages Containing Images, Tables pages in HTML

Links to a Page Mainpage.html

<html>
<head>
</head>
<body bgcolor="#gray"><center>
<h1><a href="image.html">IMAGE</a></h1><br>
<h2><a href="table.html">TABLE</a></h2><br>
</center>
</body>
</html>

Links to a Page Image.html

<html>
<head>
<title>frame 5 </title>
<script>
function openWin() {
window.open("registration.html");
}
</script>
</head>
<body align="left" bgcolor="#aaaaa">
<p>I AM "GHANENDRA YADAV, I have Completed MCA from the NATIONAL INSTITUTE OF TECHNOLOGY WARANGAL ."</p>
<p>I ALSO HAVE A WEBSITE LINK OF MY WEBSITE IS GIVEN BELOW </p>
<input type="button" value="CLICK HERE!!!!" onclick="openWin()">
<img src="ghanendra.jpg" height="300" width="550" border="5">
<h1><a href="MainPage.html">Back</a></h1>
</body>
</html>

Links to a Page Table.html

<html>
<head>
<script type="text/javascript" src="validate.js"></script>
</head>
<body bgcolor="aqua" bolder="5">
<form action="#" name="StudentRegistration" onsubmit="return(validate());">

<table cellpadding="2" width="50%" border="10" align="center"cellspacing="2">

<tr>
<td colspan=2>
<center><font size=4><b>Student Registration Form</b></font></center>
</td>
</tr>

<tr>
<td>Name</td>
<td><input type=text name=textnames id="textname" size="30"></td>
</tr>

<tr>
<td>Father Name</td>
<td><input type="text" name="fathername" id="fathername"
size="30"></td>
</tr>
<tr>
<td>Postal Address</td>
<td><input type="text" name="paddress" id="paddress" size="30"></td>
</tr>

<tr>
<td>Personal Address</td>
<td><input type="text" name="personaladdress"
id="personaladdress" size="30"></td>
</tr>

<tr>
<td>Sex</td>
<td><input type="radio" name="sex" value="male" size="10">Male
<input type="radio" name="sex" value="Female" size="10">Female</td>
</tr>

<tr>
<td>City</td>
<td><select name="City">
<option value="-1" selected>select..</option>
<option value="New Delhi">NEW DELHI</option>
<option value="Mumbai">MUMBAI</option>
<option value="Goa">GOA</option>
<option value="Patna">PATNA</option>
</select></td>
</tr>

<tr>
<td>Course</td>
<td><select name="Course">
<option value="-1" selected>select..</option>
<option value="B.Tech">B.TECH</option>
<option value="MCA">MCA</option>
<option value="MBA">MBA</option>
<option value="BCA">BCA</option>
</select></td>
</tr>

<tr>
<td>District</td>
<td><select name="District">
<option value="-1" selected>select..</option>
<option value="Nalanda">NALANDA</option>
<option value="UP">UP</option>
<option value="Goa">GOA</option>
<option value="Patna">PATNA</option>
</select></td>

</tr>

<tr>
<td>State</td>
<td><select Name="State">
<option value="-1" selected>select..</option>
<option value="New Delhi">NEW DELHI</option>
<option value="Mumbai">MUMBAI</option>
<option value="Goa">GOA</option>
<option value="Bihar">BIHAR</option>
</select></td>
</tr>
<tr>
<td>PinCode</td>
<td><input type="text" name="pincode" id="pincode" size="30"></td>

</tr>
<tr>
<td>EmailId</td>
<td><input type="text" name="emailid" id="emailid" size="30"></td>
</tr>

<tr>
<td>DOB</td>
<td><input type="text" name="dob" id="dob" size="30"></td>
</tr>

<tr>
<td>MobileNo</td>
<td><input type="text" name="mobileno" id="mobileno" size="30"></td>
</tr>
<tr>
<td><input type="reset"></td>
<td colspan="2"><input type="submit" value="Submit Form" /></td>
</tr>
</table>
</form><br><br>
<h1><a href="MainPage.html">Back</a></h1>
</body>
</html>