HTML Frame Tag For Browser Page Layout

Frame Tag

When you want to divide your browser window into sections, In this situation, you can use HTML Frames. With the help of HTML Frames, browser window can be divided into multiple sections where every section can load a separate HTML document.

Note − The <frame> tag is deprecated in HTML5. Do not use this element.

Frameset Tag

When you are using more than one frames, then its know as a frameset. In this case, You have to use <frameset> Tag. For using frames on a web page, you use <frameset> tag instead of <body> tag.

Divide Browser window horizontally

The rows attribute of <frameset> tag defines horizontal frames. Each frame is indicated by <frame> tag and it defines which HTML document shall open into the frame.

Example:-

rows attribute in Frame HTMLrows attribute in Frames HTML

Divide Browser window vertically

The cols attribute of <frameset> tag defines vertical frames. Each frame is indicated by <frame> tag and it defines which HTML document shall open into the frame.

Example:-

Cols Attribute in Frame HTMLcols attribute in Frame HTML

“*”  Value in Frameset Tag

In the Following example, the First frame section is 20%, the second frame section is 40% and “*” indicates rest all.

"*" Feature in HTML Frames"*" feature in HTML Frames

IFrame Tag

An iframe is an inline frame in the HTML element that allows you to an external webpage to be embedded in an HTML document. Here, In the following example, we embedded a map in the iframe tag.

iframe in HTML

Output:-

iframe in HTML

Attributes of Frameset Tag

Attributes of Frameset Tag Description
rows Specify how many rows are contained in the frameset and the size of each row.
cols Specify how many columns are contained in the frameset and the size of each column.
border specifies the width of the border of each frame in pixels
frameborder specifies whether a three-dimensional border should be displayed between frames
framespacing specifies the amount of space between frames in a frameset.

Attributes of Frame Tag

Attributes of Frame Tag Description
src Specify Source File to frames.
name Used to give a name to a frame
frameborder specifies whether or not the borders of that frame are shown
marginwidth specify the width of the space between the left and right of the frame’s borders and the frame’s content
marginheight specify the height of the space between the top and bottom of the frame’s borders and its contents
noresize resize any frame by clicking and dragging on the borders of a frame
scrolling controls the appearance of the scrollbars that appear on the frame
longdesc link to another page containing a long description of the contents of the frame

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

45 thoughts on “HTML Frame Tag For Browser Page Layout

  1. “As I web-site possessor I believe the content matter here is rattling fantastic , appreciate it for your efforts. You should keep it up forever! Good Luck.”

  2. if you want to hire some good wedding singers, always look for a singer with a background in classical music~

  3. I wish to show my gratitude for your kindness for individuals that require guidance on this one subject matter. Your very own dedication to getting the message all around appears to be really good and has in every case empowered ladies much like me to realize their objectives. Your personal invaluable help and advice indicates much to me and somewhat more to my colleagues. Thanks a lot; from all of us.

  4. Want to get the best traffic softwares and best SEO tools on the market, that makes your advertising campaigns on auto pilot? Compare the top products available on SEO market now.

  5. I just want to mention I’m all new to blogs and certainly savored you’re web site. More than likely I’m want to bookmark your site . You surely have good writings. Appreciate it for sharing your web page.

  6. You made some decent factors there. I appeared on the internet for the issue and found most people will associate with with your website.

  7. Have you ever considered about including a little bit more than just your articles?
    I mean, what you say is valuable and everything.

    Nevertheless think about if you added some great images or video clips to give your posts more, “pop”!

    Your content is excellent but with images and
    videos, this website could definitely be one of the very best in its field.
    Amazing blog!

  8. I just want to tell you that I’m newbie to blogs and truly liked you’re web site. Probably I’m want to bookmark your site . You amazingly have terrific posts. Thanks a bunch for sharing with us your blog.

  9. I wish to show my gratitude for your kindness for individuals that require guidance on this one subject matter. Your very own dedication to getting the message all around appears to be really good and has in every case empowered ladies much like me to realize their objectives. Your personal invaluable help and advice indicates much to me and somewhat more to my colleagues. Thanks a lot; from all of us.

  10. Cuando un usuario quiere buscar un servicio oficial donde reparar su electrodoméstico en buscadores como Google, es muy probable que acabe en un taller pirata”. Hoy día hay muchas probabilidades de que, por su estilo de vida, utilice internet para localizar un servicio técnico oficial Edesa donde arreglar su lavadora. Recuerda que todos nuestros trabajos de reparacion de aire acondicionado tienen garantia por escrito.

Leave a Reply

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