Use of Html-css-iframe

Source: Internet
Author: User
Tags border color unique id

An IFRAME is a label that is nested within a Web page

<iframesrc= "homeindex_init.html"width= "100%"Height= "+"frameborder= "No"Border= "0"marginwidth= "0"marginheight= "0"scrolling= "No"allowtransparency= "Yes"></iframe>
runat= "Server" This best plus iframe jump net  can jump in the current IFRAME to SRC link to address urlframeborder whether the border is displayed (0 no Border 1 has a border) scrolling Whether there is a scroll bar (yes there is no scroll bar no scroll bar) allowtransparency background is transparent (yes transparent no opaque)

IFrame is not very common and is rarely used in standard Web pages. It is appropriate to interpret the IFRAME as a "browser in browser". <iframe> should also be a form of a framework, and unlike <frame>, an IFRAME can be embedded in any part of a Web page. For example:

<iframeframeborder=0width=170Height=100marginheight=0marginwidth=0scrolling=nosrc= "Move-ad.htm"></iframe>Src=uri Embedded Rack page file path name=cdata embedded rack name Longdesc=uri description width=length width height=length height align=[top | middle | botto m | Left | Right] alignment frameborder=[1 | 0] Shelf Border marginwidth=pixels left-blank width marginheight=pixels height up/down empty scrolling=[yes | no | auto ] Flow Bar (yes Force display |no never show |auto Auto)

The use format of the IFRAME tag is:

 <  iframe  src  = "URL"   = "X"   height  = "X"   scrolling  = "[OPTION]"   frameborder  = "X"   name  = "main"  ></ iframe  >   src: the path to the file, either HTML or text, ASP, etc. width, height: Width and height of the inner frame area; scrolling: When the specified HTML file of SRC does not show up in the specified area, the scrolling option, if set to No, does not appear on the scroll bar, such as auto: The scroll bar appears automatically, or if yes; Frameborder: The width of the area border, often set to 0, in order for the internal frame to be fused with adjacent content. Name: Names of the frames used for identification. 

<iframe> a floating frame or container used to set text or graphics.

Border<iframeBorder= "3"></iframe>sets the width of the edge around the frame Frameboder<iframeFrameboder= "0"></iframe>set the border is not no no for 3 dimensions (0= no, 1 = yes) Height,width<iframeHeight= "+"width= " the"></iframe>Setting the width and height of the frame scrolling<iframescrolling= "No"></iframe>whether there are scroll bars (yes,no,auto) src<iframesrc= "Girl.gif"></iframe>specifies the file or picture that is called by the IFRAME (html,htm,gif,jpeg,jpg,png,txt,*.*)

Precautions:
A floating frame does not need to be part of the framework set by the <frameset> element declaration;
WebTV and Netscape 4.x (4.0 to 4.75) do not support floating frames.
The,<iframe> element is not defined in the HTML4.01 strict specification. Floating frames can use the <div> element and CSS positioning methods to mimic the implementation.

Floating frames mark the properties of an IFRAME:

1. File Location:
Syntax: Src=url
Description: The URL is the location of an embedded HTML file, which can be a relative address or an absolute address.
Example:

< iframe    src = "iframe.html" >  


2. Object Name:
Syntax: name=#
Description: #为对象的名称. This property names the object for other objects to take advantage of.
Example:

< iframe    src = "iframe.html"    name= "iframe1">  


3. ID selector:
Syntax: id=#
Description: Specifies the unique ID selector for the tag.
Example:

< iframe    src = "iframe.html"    ID= "iframe1">  

4. Container properties:
Syntax: height=# width=#
Description: This property specifies the height and width of the floating frame. The value is a positive integer (in pixels) or a percentage.
Height: Specifies the altitude of the floating frame;
Width: Specifies how wide the floating frame is.
Example:

< iframe    src = "iframe.html"    height=400   width=400>  

5. Size adjustment:
Syntax: noresize
Description: IE proprietary properties, specifies that floating frames are not resizable.
Example:

< iframe    src = "iframe.html"    noresize>  

6, Border display:
Syntax: frameborder=0, 1
Description: This property specifies whether a floating frame border is displayed.
0: Do not display the floating frame border;
1: Displays the floating frame border.
Example:

< iframe    src = "iframe.html"    frameborder=0 >   < iframe    src = "iframe.html"    frameborder=1>  


7. Frame Thickness:
Syntax: border=#
Description: This property specifies the thickness of a floating frame border, with a positive integer and a value of 0 in pixels. To seamlessly combine a floating frame with a page, the border is generally equal to 0.
Example: <iframe src= "iframe.html" border=1>


8. Border color:
Syntax: Bordercolor=color
Description: This property specifies the color of the floating frame border. Color can be an RGB color (RRGGBB), or it can be a color name.
Example:

< iframe    src = "iframe.html"    bordercolor=red>  

9, the Alignment method:
Syntax: Align=left, right, center
Description: This property specifies how the floating frame is aligned with other objects.
Left: right;
Right: to the left;
Center: Center.
Example:

< iframe    src = "iframe.html"    align=left >   < iframe    src = "iframe.html"    align=right >   < iframe    src = "iframe.html"    align=center>  


10. Adjacent spacing:
Syntax: framespacing=#
Description: This property specifies the spacing between adjacent floating frames. The value is a positive integer and 0 in pixels.
Example:

< iframe    src = "iframe.html"    framespacing=10>  


11. Inner Filler Properties:
Syntax: hspace=# vspace=#
Description: This property specifies the size of the boundary within a floating frame. The value is a positive integer and 0 in pixels. Two attributes should be applied at the same time.
Hspace: The left and right boundary size within a floating frame;
Vspace: The size of the upper and lower bounds within the floating frame.
Example:

< iframe    src = "iframe.html"    hspace=1   vspace=1>


12, outer filler properties:
Syntax: marginheight=# marginwidth=#
Description: This property specifies the bounding size of the floating frame. The value is a positive integer and 0 in pixels. Two attributes should be applied at the same time.
Marginheight: The left and right border sizes of floating frames;
Marginwidth: The upper and lower bounds of the floating frame size.
Example:

< iframe    src = "iframe.html"    marginheight=1   marginwidth=1>

Use of Html-css-iframe

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.