HTML & XHTML Frame Tutorials
Frames are a great way to display multiple viewable browser windows on one web page. For instance, say one frame might hold your company logo or banner while the other frame holds your navigational menu and your third frame holds your main content for your web page that can be changed by clicking a link in the navigational menu frame, all from the same browser window, this will take place.
Now you are probably asking yourself what if a browser doesn’t support frames, mostly text based browsers fall in this category, well that’s when the <noframes> tag comes into play. The <noframes> tag holds the HTML or XHTML code to be displayed by the browsers that don’t support frames. Most web designers place a link between the <noframes> tags which points to another web page that does not display frames. You can also display the <body> tag inside the <noframes> tags. The <noframes> tag can contain all the HTML & XHTML tags a normal web pages <body> tag can contain.
Now let me show you how to create a border for a frame by placing the frameborder attribute in the <frameset> tag which will allow you to turn the borders off and on. You can use the values 1 or yes, which will turn the border on or you can use the values no or 0, which will turn the borders off. By default, every frame and frameset window is displayed by a 3D border. Netscape only recognizes the values yes or no.
Now if you ever played around with the frames borders you would of noticed that you can resize each frame by dragging each border left or right for columns or up and down for rows. To stop this just use the noresize attribute to stop users from resizing the frame. By default, users can resize frames even when you specify the size of the frames. In some browsers when you place your mouses cursor on the frames borders it will turn into a left-right arrow indicating that your frames are re-sizeable.
Now in this tutorial I am going to talk about the scrolling attribute. Now frames display vertical and horizontal scroll bars when the contents of the frame are more than what the available window space allows. However, you can add the scroll bars to the desired frame if you want by placing the scrolling attribute inside the <frame> start tag.
Now if you remember back to the " & Tags Tutorial Link" href="http://www.codenique.com/html/frames/simple.php"> & Tags Tutorial Link" href="http://www.codenique.com/html/frames/simple.php"> & Tags Tutorial Link" href="http://www.codenique.com/html/frames/simple.php"> & Tags Tutorial Link" href="http://www.codenique.com/html/frames/simple.php"> & Tags Tutorial Link" href="http://www.codenique.com/html/frames/simple.php"> & Tags Tutorial Link" href="http://www.codenique.com/html/frames/simple.php"> & Tags Tutorial Link" href="http://www.codenique.com/html/frames/simple.php"> & Tags Tutorial Link" href="http://www.codenique.com/html/frames/simple.php"> & Tags Tutorial Link" href="http://www.codenique.com/html/frames/simple.php"> & Tags Tutorial Link" href="http://www.codenique.com/html/frames/simple.php">How To Create A Simple Frame Using The <frameset> & <frame> Tags" tutorial when I stated you can place images in the <frame> tag using the src attribute, well now I am going to show you how to do this. First, you will need an image of any kind, then you will just have to place a link to your image in the src attribute in one of the <frame> tags.
Now in this tutorial I’m going to show you how to nest your frames. The possibilities with nesting frames are endless once you know how to do it. There is no limit to how many frames you can nest but don’t get carried away, it can make things difficult for web users.
Now let me show you how to change the colors of your frames and framesets borders by using the bordercolor attribute.
In this tutorial, we are going to create a simple navigational frame. We will need the <frameset> tag along with the cols attribute. We will also need two <frame> tags with the src attribute. In addition, our last <frame> tag will also need the name attribute.
In this tutorial, I will show you how to create another navigational frame using the <base> tag. Now if you remember the source code from the last tutorial "How To Create A Navigational Frame", we will still be using the same code except for the exception of the <base> tag. We will also be removing all the target attributes from the <a> tags in the frame_nav.htm web page. In addition, we will be adding the target attribute to the <base> tag. So instead of having many target attributes we will only need one, which will be in the <base> tag.
The <iframe> tag allows you to insert a frame also known as an inline frame within an HTML or XHTML document without having to remove the <body> tags, which means you can insert an inline frame within a section of text.
No comments:
Post a Comment