Frameset usage tutorial

Frame is knowledge that must be mastered in web development. For example, background architecture, partial refresh, and page segmentation are all uses of frames, especially background page production. Using frames will give users a very comfortable experience.

Frame knowledge points include (frameset tag, frame tag, iframe tag). They are introduced one by one below.

1. frameset

1. Attribute

①border

Set the border thickness of the frame.

②bordercolor

Set the border color of the frame.

③frameborder

Set whether to display the frame border. The setting values ​​are only 0 and 1; 0 means no border, 1 means to display the border.

④cols

Split the page vertically. There are three numerical representation methods: "30%, 30 (or 30px), *"; the number of values ​​represents the number of divided windows and the values ​​are separated by ",". "30%" means that the frame area occupies 30% of the entire browser page area; "30" means that the horizontal width of the area is 30 pixels; "*" means that the area occupies the remaining page space. For example: cols="25%,200,*" means to divide the page into three parts, the left part accounts for 30% of the page, the middle horizontal width is 200 pixels, and the rest of the page is the right part.

⑤rows

Split the page horizontally. The numerical representation method and meaning are the same as cols.

⑥framespacing

Set the reserved space distance between frames.

2. Use case

Note 1:

cols and rows are both Try not to use attributes in the same

tag. To implement the architecture below, the correct way to write the code is:

[That is, if you want to use both cols and rows, you can use frameset nesting]

Note 2:

means: the first frame occupies 40% of the entire browser window, and the remaining space is evenly distributed to the other two frames.

means: the browser window is divided into four parts.

2. frame

1. Attribute

①name

Set the frame name. This property must be set.

②src

Set the name or path of the web page to be displayed by this frame. This property must be set.

③scrolling

Set whether to display scroll bars. The setting values ​​are auto, yes, no.

④bordercolor

Set the border color of the frame.

⑤frameborder

Set whether to display the frame border. The setting values ​​are only 0 and 1; 0 means no border, 1 means to display the border.

⑥noresize

Set whether the frame size can be adjusted manually.

⑦marginwidth

Set the width between the frame border and the content within it.

⑧marginhight

Set the height between the frame border and the content within it.

⑨width

Set the frame width.

⑩height

Set the frame height.

2. Use case

3. iframe

is a floating frame (frame). Its common attributes are similar to frame. The other main ones are as follows (the same ones will not be listed)

1. Properties

①align

Set vertical or horizontal alignment

②allowTransparency

Set or get whether the object can be transparent.

2. Use case

Note: The verification method of

iframe tag is different from frameset and frame tag, and it is XHTML 1.0 Transitional. And iframe is placed within the body tag, while frameset and frame are placed outside the body tag.

4. Comprehensive example

Sorry, your browser does not support "frames"!

The pair is also placed between the tag pair, which is used to display text or image information in browsers that do not support frames. This pair of tags is immediately followed by the pair of tags before any of the familiar tags can be used.

One last thing to note:

If you write the code into VS as I wrote above and report an error, for example:

or

The solution is as follows:

Tools→Options→Text Editor→HTML→Verification→Internet Explorer 6.0

Okay, through the above content, if you practice more, you will gradually become familiar with the relevant knowledge of frame. If you use it well, you will find that it is really good. As for the event method of the frame series tag, it is generally not used very much. If necessary, you can check it yourself. [Haha, actually I haven’t used it yet]

The above is an introduction to the Frameset usage tutorial, including various aspects. I hope it will be helpful to friends who are interested in PHP tutorials.