HTML Frames Templates

You can use these HTML frames templates as a basis for your own frames-based website. All you need to do is download the template/s, then add your content. You can also modify as you like.

HTML5 Compliant Frames

The following templates are HTML5 compliant and use CSS to achieve a frames-based layout, without using the (non-HTML5 compliant) <frameset> and <frame> tags. If you really must use those tags, see below.

All source code is on a single page for your convenience. However, if you choose to deploy a template across many pages, it's recommended that you move any style sheets (i.e. anything between the <style> tags) to an external style sheet.

2 Columns, Left Menu

2 column frames layout — left menu template

View Source | Preview

2 Columns, Right Menu

2 column frames layout — right menu template

View Source | Preview

2 Rows, A

2 Rows, 2 columns, A

View Source | Preview

2 Rows, B

2 Rows, 2 columns, A

View Source | Preview

2 Rows, 2 Columns, A

2 Rows, 2 columns, A

View Source | Preview

2 Rows, 2 Columns, B

2 Rows, 2 columns, B

View Source | Preview

2 Rows, 2 Columns, C

2 Rows, 2 columns, C

View Source | Preview

2 Rows, 2 Columns, D

2 Rows, 2 columns, D

View Source | Preview

2 Rows, 2 Columns, E

2 Rows, 2 columns, E

View Source | Preview

2 Rows, 2 Columns, F

2 Rows, 2 columns, F

View Source | Preview

2 Rows, 2 Columns, G

2 Rows, 2 columns, G

View Source | Preview

2 Rows, 2 Columns, H

2 Rows, 2 columns, H

View Source | Preview

3 Rows, 2 Columns, A

3 Rows, 2 columns, A

View Source | Preview

3 Rows, 2 Columns, B

3 Rows, 2 columns, B

View Source | Preview

3 Rows, 3 Columns

3 Rows, 3 columns

View Source | Preview

Using the <frameset> Element

Prior to HTML5, frames were achieved using the <frameset> and <frame> tags. This method involves having a different HTML file for each frame, plus one to bring them all together. Therefore, if you have two frames, you will need three files.

Each template has been zipped for your convenience. Each .zip file contains all files for the template. Once downloaded, you need to unzip the files into your local directory.

You can also download all templates in a single .zip file.

These tags are obsolete from HTML5, so unless you have a specific reason to use them, you're better off using the CSS-based frames listed above.