How to add Links in a HTML Frames

Linking in HTML Frames-

This is the another mostly searched topic regarding HTML. Please go through our previous blogs for html linking and html frame tags mentioned below to have better understanding of the concept. 

http://pristinetechschool.com/html-linking-tags-explained/ 

http://pristinetechschool.com/html-frame-tag-for-browser-page-layout/

Now, Linking between frames creates the helpful magic of using frames. Linking can make the same frame change its contents or have a different frame change its contents.

First, start off with a simple column layout again.

Example:- 
First of all, we need files for frame sections. So, Here I created four HTML files.

File:- frame_1.html

Frame_1.html

File:- frame_2.html

Frame 2

File:- frame_3.html

Frame 3

File:- frame_4.html

Frame 4

Now, Set your frame sections in HTML file with the help of <frameset> tag and <frame> tag. And link your target file for set your click on action targets.

Target File

The following file is the HTML linking file. In this file, link your frame_1.html, frame_2.html, frame_3.html, frame_4.html with the help of anchor tag. And also set link your target file.

We simply added the parameter target=”parm” and “kaur” to the <a href> tag.

Linking File

Output:-

Output of linking in a frame

Now the link will be opened in the main frame window instead of the menu frame window where the link itself is located.

When you will click on a frame_1.html link file, then It will show you file in the center section. (About Programming language)

Link first target HTML

When you will click on a frame_2.html link file, then It will show you file in the center section.( About JAVA introduction)

Link second target HTML

When you will click on a frame_3.html link file, then It will show you file in the third section. (About HTML)

Link third target HTML

When you will click on a frame_4.html link file, then It will show you file in the third section. (About CSS)

Link fourth target HTML

 

Four target names are reserved, and will be interpreted by the browser in this way:-

  • _blank:-  It will load the page into a new browser window.
  • _self:- It will load the page into the current window.
  • _parent:- It will load the page into the frame that is superior to the frame the hyperlink is in.
  • _top:- It will cancel all frames, and load in the full browser window.

Hope you enjoyed reading the blog post. Let us know if you have any suggestions for the published content on the site. Feel free to contact us if you wish to register yourself in our skill upgradation courses.

For more such content subscribe to our YouTube channel – https://www.youtube.com/channel/UCcWR1IezEQynJnAETgK8g2w?sub_confirmation=1 and follow us on facebook – https://www.facebook.com/pristinetechschool

4 thoughts on “How to add Links in a HTML Frames

  1. I savor, result in I found exactly what I was having a look for. You’ve ended my four day lengthy hunt! God Bless you man. Have a great day. Bye

  2. Someone necessarily lend a hand to make severely articles I would state. This is the very first time I frequented your website page and to this point? I surprised with the analysis you made to make this actual put up extraordinary. Wonderful activity!

  3. Unquestionably believe that which you stated. Your favorite reason appeared to be on the net the simplest thing to be aware of. I say to you, I definitely get annoyed while people think about worries that they just do not know about. You managed to hit the nail upon the top and also defined out the whole thing without having side effect , people can take a signal. Will likely be back to get more. Thanks

  4. Have you ever considered about including a little bit more than just your articles?
    I mean, what you say is fundamental and everything.
    But think of if you added some great photos
    or videos to give your posts more, “pop”! Your content is excellent but with images and clips, this blog could certainly
    be one of the most beneficial in its field. Wonderful blog!

Leave a Reply

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