Parsing of HTML language (11) Typesetting mark

Source: Internet
Author: User
Tags border color range relative reserved version window
The
<FRAMESET> <FRAME>
<NOFRAMES>
<IFRAME>
Framework Concept:
<frameset cols= "50%,*" >

< frame name= "Hello" src= "up2u.html" >
< frame name= "HI" src= "me2.html" >
< /frameset >

This example <FRAMESET> the scene into the left and right parts, the left is to display up2u.html Side will show me2.html this file. The box window marked by the,<frame> tag is always in the order from top to bottom and left to right.

This section is the same as the "application framework" of the Composer classrooms, except that this section adds content and detail, just as other chapters do not refer to Web making tools, and if you have learned HTML, you will not choose Composer, FrontPage-type tools Out.

<FRAMESET> <FRAME>:
<FRAMESET> called the frame tag, which declares the HTML file as a frame pattern and sets how the window is segmented.
<FRAME> simply sets the parameter properties within a frame window.

<FRAMESET> parameter setting:
Example: <frameset rows= "90,*" frameborder= "0" border=0 framespacing = "2" BorderColor= "#008000" >

  • cols= "90,*"
    Vertical cutting screen (such as about two frames), accept the integer value , percentage , * represents Jiang space. The number of values represents the number of windows divided into and separated by commas. For example, cols= "30,*,50%" can be cut into three windows, the first window is the width of pixels, for an absolute segmentation, the second window is when the first and third window after the rest of the space, the third window is the entire picture of the 50% width of a relative split. You can adjust the numbers yourself .
  • rows= "120,*"
    is transverse cutting, the screen is separated from top to bottom, the value set above. Only COLS and ROWS two parameters as far as possible not in a <FRAMESET> tag, because the Netacape accidentally can not show this type of frame, do use multiple segmentation.
  • frameborder= "0"
    Sets the frame's border with values of only 0 and 1, 0 for No borders, and 1 for borders. (Avoid using yes or no)
  • border= "0"
    Sets the border thickness of the frame, in pixels.
  • bordercolor= "#008000"
    Sets the border color of the frame.
  • framespacing= "5"
    Represents the distance between the frame and the frame that is left blank.

<FRAME> parameter setting:
Example: <frame name= "Top" src= "a.html" marginwidth= "5" marginheight= "5" Scrolling= "Auto" frameborder= "0" noresize framespacing= "6" bordercolor = "#0000FF" >

  • src= "a.html"
    Set the name of the page you want to display in this window, and each window must correspond to a page file. You can use an absolute path or a relative path, as described in "link advanced".
  • Name= "Top"
    Set the name of the box window so that you can specify the frame as a link, but it must be named arbitrarily.
  • frameborder=0
    Sets the frame's border with values of only 0 and 1, 0 for No borders, and 1 for borders. (Avoid using yes or no)
  • Framespacing= "6"
    Represents the distance between the frame and the frame that is left blank.
  • Bordercolor= "#008000"
    Sets the border color of the frame. Color values refer to "HTML profiling."
  • scrolling= "Auto"
    Set whether the scroll is to be displayed, yes to show the scroll, no to show no anyway, auto is the case.
  • Noresize
    Settings do not allow users to change the size of the box, nor set this parameter, users can easily pull the frame, change its size.
  • marginhight=5
    Represents the space reserved by the edge of a frame height.
  • Marginwidth=5
    Represents the space reserved for a partial edge of the frame width.
Here are some examples: (same as the "application framework" of Composer classrooms)

Example HTML Code
<frameset rows= "80,*" >
<frame name= "Top" src= "a.html" >
<frame name= "Bott"
Om "src=" b.html ">
</frameset>
example html Code
 
 
<frameset rows= "80,*,80" & Gt
<frame name= "Top" src= "a.html" >
<frame name= "Middle" src= "b.html" >
<frame name= "Bottom" src= "c.html" >
</frameset>
example html Code
  &NBSP;
 
<frameset cols= "150,*" ;
<frameset rows= "80,*" >
<frame name= "Upper_left" src= "a.html" >
< Frame name= "Lower_left" src= "b.html" >
</frameset>
<frame name= "right" src= " C.html ">
</frameset>
example html Code
 
 
<frame name= "Top" src= "a.html" >
<frameset cols= "150,*" >
; Frame name= "Lower_left" src= "b.html" >
<frame name= "lower_right" src= "c.html" >
</frameset>
</frameset>
Example HTML Code
<frameset cols= "150,*" >
<frame name= "left" src= "a.html" >
<frameset rows= "80,*" >
<frame name= "upper_right" src= "b.html" >
<fra Me name= "Lower_right" src= "c.html" >
</frameset>
</frameset>

&NBSP;
<noframes> this token, when the user's browser does not see the frame, he will see the < Noframes> the content between and </NOFRAMES> , not a blank space. This can be a reminder to switch to a new browser, or even a Web page without frames or a version that automatically switches to a no frame.

Apply method:
Add </NOFRAMES> tag to <frameset> tag range, here is an example:

<frameset rows= "80,*" >
<noframes>
<body>
Sorry, the browser used is not supporting the framework features, please switch to a new browser.
</body>
</noframes>
<frame name= "Top" src= "a.html" >
<frame name= "Bottom" src= "b.html" >
</frameset>

If the browser supports the framework, then it will not ignore the things in <noframes>, but if the browser does not support the framework, due to the lack of knowledge of all frame tags, unknown tags will be skipped, tags surrounded by the things are read out, so put in <noframes> The text in the range will be displayed.

<IFRAME>:
This tag applies only to IE. Its role is to insert a box window in the middle of a page to display another file. It is a containment mark, but the surrounding words will only be displayed when the browser does not support the IFRAME tag, such as <noframes>, which can be used for reminders. It is usually better to match an IFRAME with a Java Script that identifies the browser, and if JavaScript recognizes that the browser is not Internet Explorer, it will switch to another version.

The <iframe> parameters are set as follows:
Example: <iframe src= "iframe.html" name= "Test" align= "middle" width= " " Height= " marginwidth" = "1" marginheight= "1" frameborder= "1" scrolling= "Yes" >

    • src= "iframe.html"
      The file source to be displayed in this frame window, in addition to file name, must be accompanied by a relative or absolute path.
    • name= "Test"
      This is the name of the box window, which is required for the target parameter of the link tag.
    • Align= "Middle"
      The optional value is left, right, top, middle, bottom, not very useful
    • width= "$" height= "100"
      The width and length of the frame window are in pixels units.
    • marginwidth= "1" marginheight= "1"
      The space that is reserved for the inserted file and the box edge.
    • frameborder= "1"
      Use 1 to show the border, and 0 not to display it. (Can be yes or no)
    • scrolling= "Yes"
      Use Yes to allow scrolling (default), no does not allow scrolling.

Example:

original code
<center>
I am sorry, the browser is not supported by the use of IFrame, not normal browsing my web page. </IFRAME>
</center>

Sorry, the browser used under the feed does not support IFrame, not normal browsing my web page. &amp;lt;br/&amp;gt; &amp;lt;br/&amp;gt;

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.