HTML frameset is a nested collection of documents displayed in their own areas (called frames). Making a frameset requires the following steps: Create an HTML document and declare the frameset. Define a frame nested within a frameset and give it a name and URL. Set frame properties such as size and resize limits. Nest framesets to create complex layouts and specify row or column sizes.
HTML Frameset Creation Guide
What is HTML Frameset?
HTML frameset is a set of documents nested within a parent frame (also called a frameset frame), with each document displayed in its own area (called a frame).
How to create an HTML frameset?
Making an HTML frameset requires the following steps:
<code class="html"><html> <head> <title>我的框架集</title> </head> <frameset>...</frameset> </html></code>
<code class="html"><frame src="nav.html" name="nav"> <frame src="main.html" name="main"></code>
This code creates two frames: a navigation bar frame named "nav" and a main frame named "main" Content frame.
<code class="html"><frame src="nav.html" name="nav" noresize></code>
The "noresize" attribute prevents the navigation bar frame from being resized.
<code class="html"><frameset cols="50%,50%"> <frame src="nav1.html"> <frameset rows="50%,50%"> <frame src="main1.html"> <frame src="main2.html"> </frameset> </frameset></code>
This code creates a nested frameset with two main frames (main1 and main2 ), whose dimensions are 50/50%, and nested within another frameset (cols is 50/50%) that contains a navigation frame.
<code class="html"><frameset rows="100,*,100"> <frame src="header.html"> <frame src="main.html"> <frame src="footer.html"></code>
This code creates a frameset with three frames: a 100 pixel tall header frame, a main content frame that takes up the remaining available space, and a 100-pixel-tall footer frame.
The above is the detailed content of How to make html frameset. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
