Frame frame and its instance

Source: Internet
Author: User
Tags border color

Framework concept: The frame is the Web page is divided into several box windows, at the same time to obtain multiple URLs. Just <FRAMESET> <FRAME>, face all frame markers need to be placed in a total HTML file, this file only records how the framework is split, does not display any data, so do not have to put in <BODY> tags, Browse this frame you must read the file that is not the file face of the other box window. <FRAMESET> is used to divide the frame window, each window frame is marked by a <FRAME> mark,<frame> must be used in the <FRAMESET> range. The following example:

<frameset cols= "50%,*" > <frame name= "Hello" src= "up2u.html" > <frame name= "Hi" src= "me2.html" > </ Frameset>

In this example <FRAMESET> divides the picture into the left and right part of the two-phase, and then shows the up2u.html, and the me2.html this file,<frame> the box window marked by the top-down, left-to-right sequence.

<frame> properties: Name= "..." defines the name of the frame scr= "..." defines the source of the content displayed in the frame frameborder= "..." defines the boundary between frames (0 or 1) margwidth= "..." Set the bounds of the frame and the spacing between the contents margheight= "..." Sets the bounds of the frame and the spacing between the contents noresize= "..." to make the frame size not change scrolling= "..." Sets the way the scroll bar is represented (auto, yes, no)

<frameset> properties: rows= "..." Set the number of rows cols= ... "Set Number of columns onload=" ... "Internal event trigger when loading documents onunload=" ... "Internal event trigger when unloading document

Frameset generally has the following effect parameters:

cols= "90,*" vertical cutting screen (such as about two pictures), accept the integer value, percent, * represents occupy the remaining space. The number of values represents a divided window and is separated by commas. For example cols= "30,*,50%" can be cut into three windows, the first window is the width of the pixels, for an absolute division, the second window is when the first and third window after allocating the remaining space, the third window occupies the entire window screen 50% width is a relative division. You can adjust the numbers yourself.

Rows= "120,*" This is the horizontal cutting, the screen is separated from top to bottom, the value is set ibid. COLS and ROWS two parameters try not to put in the same <FRAMESET> tag, because Netacape accidentally can not display this type of frame, as far as possible to use multiple segmentation, such as the above examples.

Frameborder= "0" sets the border of the frame, with values of only 0 and 1, 0 for no border, and 1 for the border to display.

Border= "0" sets the border thickness of the frame, in pixels units.

Bordercolor= "#008000" sets the border color of the frame. For color values, please refer to "Principle of tinting".

Framespacing= "5" indicates the distance between the frame and the frame that is left blank.

Frame generally has the following effect parameters:

Src= "a.html" sets the name of the page file to be displayed in this box, and each box window must correspond to a webpage file.

Name= "Top" sets the name of this window so that the frame can be specified as a link, but it must be named.

Frameborder=0 sets the bounding rectangle of the frame with values of 0 and 1, 0 for no border, and 1 for the border.

Framespacing= "6" indicates the distance between the frame and the left margin of the frame.

Bordercolor= "#008000" sets the border color of the frame.

scrolling= "Auto" setting whether to display the reel, YES means to display the reel, no means not to display the reel anyway, Auto depends on the situation.

Noresize settings do not allow the user to change the size of the box, if this parameter is not set, the user can arbitrarily pull the frame to change its size.

Marginhight=5 represents the space reserved by the frame height portion edge.

Marginwidth=5 represents the space reserved by the edge of the frame width portion.

Example

One: <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 frameset//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd" >

<frameset rows= "90,*" cols= "*" frameborder= "no" border= "0" framespacing= "0" > <frame src= "frame_top.html" name = "Topframe" scrolling= "No" noresize= "noresize" id= "Topframe" title= "Topframe"/> <frameset rows= "*" cols= "203,10 , * "id=" Mainframeset "name=" Mainframeset "> <frameset rows=" 240,200,10,*,10 "id=" love_up "name=" love_up " Frameborder= "5" > <frame src= "left.jsp?id=13130010" frameborder= "no" scrolling= "Yes" name= "Lefttopframe"/> <frame src= "lefttree_2.html" frameborder= "no" scrolling= "Yes"/> <frame src= "left_down.html" frameborder= "no "scrolling=" No "/> <frame src=" lefttree_3.html "name=" Leftframe "noresize=" noresize "id=" LeftFrame "title=" Leftframe "frameborder=" no "scrolling=" yes "/> <frame src=" left_up.html "frameborder=" no "scrolling=" no "/> </frameset> <frame src= "frame_center.html" name= "Centerframe" noresize= "noresize" scrolling= "no"/> < Frame src= "text.html" frameborder= "no" name= "MainFrame" scrolling= "Yes"/> &Lt;/frameset> </frameset> <noframes><body> </body> </noframes>

Two: Fixed on the left, the right content is more than the case: <frameset framespacing= "0" border= "false" frameborder= "0" cols= "55,205,30,657" > <frame Src= "" scrolling= "no" > <frame name= "Contents" target= "main" src= "left.html" scrolling= "no" > <frame src= " Bj.html "scrolling=" no "> <frame name=" main "src=" list.html "onselectstart=" return false; "scrolling=" yes "> <noframes> <body> <p>this page uses frames, but your browser doesn ' t support them.</p> &LT;/BODY&G T </noframes> <frame src= "UntitledFrame-18" ></frameset>
Or:

Frame frame and its instance

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.