Frameset Using Tutorials

Source: Internet
Author: User
Frame is the knowledge that must be mastered in web development. For example, background architecture, local refresh, page segmentation, are the use of frame, especially the background page production, using frame will give users a very comfortable use of feelings.

Frame knowledge points include (frameset tags, frame tags, iframe tags). Here's a description of it.

First, frameset

1. Properties

①border

Sets the border thickness of the frame.

②bordercolor

Sets the border color of the frame.

③frameborder

Sets whether frame borders are displayed. The set value is only 0, 1;0 means no border, and 1 indicates the border to be displayed.

④cols

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

⑤rows

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

⑥framespacing

Sets the spacing between the frame and the frame.

2. Use Cases

Note 1:

Cols and rows Two properties try not to use the same label. To implement the schema, the code is correctly written as:

"That is, if you want to use cols and use rows, you can use the frameset nested implementation"

NOTE 2:

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

This means: The browser window is divided into four parts.

Second, frame

1. Properties

①name

Sets the frame name. This is a property that must be set.

②src

Sets the name or path of the page to display for this frame. This is a property that must be set.

③scrolling

Sets whether to display scroll bars. Set the value to auto, yes, No.

④bordercolor

Sets the border color of the frame.

⑤frameborder

Sets whether frame borders are displayed. The set value is only 0, 1;0 means no border, and 1 indicates the border to be displayed.

⑥noresize

Sets whether the frame size can be adjusted manually.

⑦marginwidth

Sets the width between the frame boundary and its contents.

⑧marginhight

Sets the height between the frame boundary and the content within it.

⑨width

Sets the frame width.

⑩height

Sets the height of the frame.

2. Use Cases

Third, IFRAME

is a floating frame, its common properties are similar to frame, the other main has the following (the same is not listed)

1. Properties

①align

Set vertical or horizontal alignment

②allowtransparency

Sets or gets whether the object can be transparent.

2. Use Cases

Attention:

The IFRAME tag is different from the frameset, frame label verification method, which is XHTML 1.0 Transitional. And the IFRAME is placed inside the body tag, and frameset, frame is placed outside the body tag.

Iv. Comprehensive Examples

Comprehensive example

</p><p><body></p><p><p> Sorry, your browser does not support “ frame ”! </p></p><p></body></p><p>

Description

Symbol pairs are also placed between the flag pairs, which are used to display text or image information in browsers that do not support frames. This flag pair is followed by a flag pair before you can use any of the logos that we are familiar with.

One final point to note:

If you write the code as I said above in VS, for example:

Or

Here's how to fix it:

tools → options → text editor →html→ verify →internet Explorer 6.0

Well, through the above content, we will be more practice, you'll slowly become familiar with the frame of the relevant knowledge, with good words you will find really good. As for the frame series of the event method of the label, the general use is not very much, if necessary, we check it yourself. "Oh, actually I have not used it"

The above describes the use of frameset tutorial, including aspects of the content, I hope that the PHP tutorial interested in a friend helpful.

  • Contact Us

    The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

    If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.