HTML Basix - HTML tutorials and online webmaster tools
Download our Free HTML Cheat Sheet - Quick Reference for Beginners

Frameset code generator

Want to make your webpage with frames but have no idea how to do it? Use this frame generator to take the hassle out of it.

Framesets are basically a shell which pull in external content and display them in each frame. One of the main benefits of a frameset is that you can have your navigation in one frame which does not reload when you click a link to another page - the content loads in another frame.

Before you create your frameset, create the default pages that you want to display when the frameset page first loads. This is typically a page with your navigation, as well as the 'front page' that you want for your website.
  1. Fill in the details in the form
  2. Press the button to create the frameset HTML code
  3. Follow the instructions on how to link within your frameset
Note: building a webpage with a frameset is no longer recommended as it does not produce a responsive layout (scalable across all screens and devices). However, browsers do still support frames to enable backwards compatibility. You could see if an iFrame will suit your purposes - you can find our iFrame generator here.

Basic options

Frame title:
Seen in the browser title bar
Layout:
1

2
Load frames next to each other, typically with navigation in the left frame.
1

2
Load frames on top of each other, typically with navigation in the top frame.
1
2

3
A more complex frameset, typically with a header area in the top frame, navigation in the left frame and site content in the right frame.
Show frame border:
Margin width:
The spacing between the side frame borders and content within the frame
Margin height:
The spacing between the top/bottom frame border and content within the frame
Message when browser does not support frames:

Frame 1

Name:
No spaces
URL of page to load:
Full URL or the relative path
Scrolling:
Allow frame to be resized:
Width:

Frame 2

Name:
No spaces
URL of page to load:
Full URL or the relative path
Scrolling:
Allow frame to be resized:
Width:
Remaining space in page

Frequently asked questions

Should I use a frameset or an iframe for a new website?

Use an iframe for anything built today - it embeds one page inside another without controlling your whole site's layout, works responsively, and is fully supported. A frameset controls the entire browser window and doesn't resize well on phones or tablets, which is why it's considered legacy.

Why would anyone still want a frameset?

Mainly for maintaining or extending an existing older site that's already built around frames, or for specific internal/legacy tools where the browser environment is fixed and known. For anything new and public-facing, an iframe or a modern layout (CSS Grid/Flexbox) is almost always the better choice.

How do I make a link in one frame load content into another?

Set that link's target attribute to the name of the frame you want it to load into - for example target="content" if your second frame is named "content". See the example link code shown after you generate your frameset.

What does the "noframes" section do?

It's a fallback message shown only in browsers that don't support frames at all. Modern browsers all support frames, so in practice almost no visitor will ever see this message - it exists mainly for completeness and very old assistive technology.

Related tools

iFrame Generator Embed another page or site inside yours with a live preview. Redirect Link Generator Forward visitors from an old page or URL to a new one. HTML Dropdown Menu A navigation menu that opens on hover or click.