Sunday, September 10, 2017

Html Iframes

Hello guys, evening and you all welcome to this section of my tutorial. In my last tutorial i talked about HTML frames and in this section am gonna be talking about HTML iframes.
You can define an inline frame with the HTML <iframe> tag. The <iframe> tag is not somehow related to <frameset> tag, instead it can appear anywhere in your HTML document. The <iframe> tag defines a rectangular region within the document in which the browser can display a separate document, including scrollbar and borders.

The scr attribute is used to specify the url of the document that occupies the inline frame. Below is an example of how a HTML <iframe> is used;

<!DOCTYPE html>
<title>HTML iframes</title>
<iframe src="/html/menu.html"  width="400"  height="150">
sorry your browser does not support inline frames.
<p>Document content goes in here.....</p>  
 You can try the above code out and feel free to ask questions through the comment box.

The <iframe> Tag Attributes 
Most of the attributes of the HTML <iframe> tag, like name, frameborder, longdesc, class, id, marginheight, scrolling, styles and marginwidth works exactly like the corresponding attributes for the <framea> tag.

Attributes                                        Description 

    src                             This attribute is used to give the file name  
                                      that should be loaded in the frame. 
                                      Its value can be any URL. For example, 
                                      src="/html/top_iframe.html" will load a 
                                      HTML files available in html directory. 

name                             This attribute allows you to give a name to 
                                      the frame. It is used to indicate which 
                                      frame a document should be loaded into. 
                                      This is especially important when you want 
                                       to creat links in one frame that loads pages 
                                       into another frame, in which casee the 
                                       second frame needs a name to identify 
                                       itself as the target of the link. 

frameborder                    This attribute specifies whether or not the 
                                        borders of the frames are shown, it 
                                        overrides the value given in the 
                                        frameborder attribute on the <frameset> 
                                        tag if on eis given, and this can take 
                                         values either 1 or 0. 

marginheight                   This attribute allows you to specify the 
                                         height of the space between the top and 
                                         the bottom of the frame's border and its 
                                         contents. The value is given in pixels. 
                                         For example  marginheight="20". 

marginwidth                     This attribute allows you to specify the 
                                          width of the space between the left and 
                                          right of the frame's border and its 
                                          content. The value is given in pixels. Fpr 
                                          example marginwidth="15".

noresize                             By default, you can resize any frame by 
                                          clicking and dragging on the borders of 
                                          the frame. The noresize attribute 
                                          prevents a user from being able to resize 
                                          the frame. For example                

scrolling                            This attribute controls the appearance of 
                                          the scrollbars that appear on the frame. 
                                          This takes values of either yes or no or 
                                          auto. For example scrolling="yes" 
                                          means it should have a scroll bars. 

longdesc                            This attribute allows you to provide a 
                                           link to another page containing a long 
                                           description of the contents of the frame. 

Take note that the only difference between a HTML <frame> and a HTML <iframe> is that a HTML <iframe> is used for inline <frame>.
Alright thats it for this tutorial, if you have questions always feel free to drop them on the comment box below, bye for now.

Links to previous tutorials on HTML : Html IntroductionHtml TagsHtml Document StructureThe Doctype Declaration, Html Basic Tags, Html Basic Tags2 , Html Elements , Html Attributes , Html Attribute 2 , Html Formating , Html Formatting[CONTINUATION] , Grouping Content , HTML-Phrase TagsHtml-Phrase Tags[CONCLUSION] , Html-Meta Tags , Html-Comments , Html Images , Html Tables , Html Tables(Conclusion) , Html List , Html Text Links , Html Image LinksHtml Frames 

1 comment:

  1. Wonderful info. I see that your post is extremely
    helpful and I plan to share it with my followers! Please subscribe me
    to your list...