Saturday, 2 April 2016

Create an HTML file to link to different html page which contains images, tables.

Problem:-Create An HTML file to link to different HTML page which contains images, tables.

How to Solve:- So in this problem, we have to create a three pages one mainpage.html second image.html and last page is for a table named table.html and for all three page we have to create three different-different pages and save all pages in one folder for avoiding error like source not found.

Explanation:- Open Mainpage.html or Open With your 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 given Image.html page here these are 3 page. If you want to put all three pages in a different-different folder than share the source code of the image and file.

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 what you change. Always create a folder for separate web page file for avoiding unnecessary mixing and irritating. Check the Output below of the program. If you are having any problem highly recommended following the given web page.

Recommendation:- Create an HTML page named as " SimpleTags.html ". with following tags details

Solution:-

MainPage.html

Copy Start From Here

<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>

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 form 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>

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>

Copy Ends Here

Output:-

Create A html file to link to different html page which contains images, tables.

Create A html file to link to different html page which contains images, tables.


Create A html file to link to different html page which contains images, tables.


You Should See

1. Create A Student Registration Form Using Table In HTML

2. Create A Given Table Using Table In HTML

3. Create An HTML Page With Different Types Of Frame Such As Floating Frame Navigation Frame, Mixed Frame In HTML

4. Create An HTML Page Of Different Type Of List (Like Create A List Using Number / Bubble/) And Give The Description About Any Topic.

5. Create an HTML Document Using Frame Which Should Satisfy All Given Requirements

6. A local university has asked you to create an XHTML document that allows prospective students to provide feedback about their campus visit.


Extreme Recommended:- Like our Facebook Page or Join our Facebook Group and Google plus Community for up-to-date. If you have any Query or Question you can ask in the group, I will Try To Solve your Query and try to answers of your Questions withing 24 Hours, You can also Email me or comment below Please suggest to your Friends to join and like our page and don't forget to Subscribe. Enter your Email and click to subscribe.

Ghanendra Yadav

Ghanendra Yadav

Hello, I Am Ghanendra Yadav Owner of This Blog, I am professional Blogger and Programmer. I Love Programming, Logo Making, And Banner Designing. My Highest Qualification is MCA From NIT Warangal. You Can Find Me On Social Media Through Below Link And If You Have Any Query Related To Programming And Other Subject Comment Below or You Can Mail Me I Will Try To Answer Within 24 Hours Email:- yghanendra@student.nitw.ac.in

Find me on Social Media

Facebook | Twitter | Google+ | RSS Feed

No comments:

Post a Comment