HTML (Frames)
Frames <ul><li>With frames, one can display more than one HTML document in the same browser window. Each HTML document is ...
Different Frame Tags
Frameset Tag <ul><li>The <frameset> ….. </frameset> tag defines how to divide the window into frames  </li></ul><ul><li>Ea...
Frameset Tag <ul><li><frameset>…..</frameset> provides a outline of the frame.  </li></ul><ul><li>Attributes are as follow...
Event Attributes for <frameset> <ul><li>onload : Script to be run when a document load </li></ul><ul><li>onunload : Script...
Frameset Example <ul><li><html> </li></ul><ul><li><frameset rows=&quot;50%,50%&quot;> </li></ul><ul><li><frame src=&quot;f...
Result
Frame Tag <ul><li><frame /> defines a single frame within a frameset.  Do not have end tag.  </li></ul><ul><li>Attributes ...
Optional Attributes of <frame>
Frames cont.. <ul><li><noframes> …… </noframes> defines the contents to be displayed by the browsers that cannot display f...
Noframes tag <ul><li><frameset cols=&quot;25%,50%,25%&quot;> </li></ul><ul><li><frame src=&quot;frame_a.htm&quot; /> </li>...
Iframe tag <ul><li>The <iframe> ….. </iframe> tag defines an inline frame that contains another document. </li></ul><ul><l...
Iframe tag
Another Example <ul><li><HTML> </li></ul><ul><li><frameset cols=&quot;150,*&quot;> </li></ul><ul><li><frame src=&quot;1.ht...
Frames cont… <ul><li>There are three frames as shown in the figure right side as per the frameset described in the previou...
Upcoming SlideShare
Loading in...5
×

Html5

649
-1

Published on

HTML5 will be the new standard for HTML, XHTML, and the HTML DOM.

The previous version of HTML came in 1999. The web has changed a lot since then.

HTML5 is still a work in progress. However, most modern browsers have some HTML5 support.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
649
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html5

  1. 1. HTML (Frames)
  2. 2. Frames <ul><li>With frames, one can display more than one HTML document in the same browser window. Each HTML document is called a frame and each frame is independent of the others. </li></ul><ul><li>The disadvantages of using frames are: </li></ul><ul><ul><li>The web developer must keep track of more HTML documents </li></ul></ul><ul><ul><li>It is difficult to print the entire page </li></ul></ul>
  3. 3. Different Frame Tags
  4. 4. Frameset Tag <ul><li>The <frameset> ….. </frameset> tag defines how to divide the window into frames </li></ul><ul><li>Each frameset defines a set of rows or columns </li></ul><ul><li>The values of the rows/columns indicate the amount of screen area each row/column will occupy </li></ul><ul><li>The frameset element holds two or more frame elements. Each frame element holds a separate document. </li></ul>
  5. 5. Frameset Tag <ul><li><frameset>…..</frameset> provides a outline of the frame. </li></ul><ul><li>Attributes are as follows: </li></ul><ul><li>cols=lists of lengths(no. of pixel, percentage, *) </li></ul><ul><li>rows=lists of lengths(no. of pixel, percentage, *) </li></ul>
  6. 6. Event Attributes for <frameset> <ul><li>onload : Script to be run when a document load </li></ul><ul><li>onunload : Script to be run when a document unload </li></ul>
  7. 7. Frameset Example <ul><li><html> </li></ul><ul><li><frameset rows=&quot;50%,50%&quot;> </li></ul><ul><li><frame src=&quot;frame_a.htm&quot;> </li></ul><ul><li><frameset cols=&quot;25%,75%&quot;> </li></ul><ul><li><frame src=&quot;frame_b.htm&quot;> </li></ul><ul><li><frame src=&quot;frame_c.htm&quot;> </li></ul><ul><li></frameset> </li></ul><ul><li></frameset> </li></ul><ul><li></html> </li></ul>
  8. 8. Result
  9. 9. Frame Tag <ul><li><frame /> defines a single frame within a frameset. Do not have end tag. </li></ul><ul><li>Attributes are as follows (given in the next slide): </li></ul><ul><li>src=url </li></ul><ul><li>frameborder=1/0 (1 for on & 0 for off) </li></ul><ul><li>marginwidth, marginheight, name, </li></ul><ul><li>scrolling, noresize, longdesc </li></ul>
  10. 10. Optional Attributes of <frame>
  11. 11. Frames cont.. <ul><li><noframes> …… </noframes> defines the contents to be displayed by the browsers that cannot display frames. </li></ul><ul><li><a href=“new html” target=“main”>…</a> will load new.html into the frame “main” </li></ul><ul><li><base target=“main”> will cause all the links in the document to load into the frame name “main” </li></ul>
  12. 12. Noframes tag <ul><li><frameset cols=&quot;25%,50%,25%&quot;> </li></ul><ul><li><frame src=&quot;frame_a.htm&quot; /> </li></ul><ul><li><frame src=&quot;frame_b.htm&quot; /> </li></ul><ul><li><frame src=&quot;frame_c.htm&quot; /> </li></ul><ul><li><noframes> </li></ul><ul><li>Sorry, your browser does not handle frames </li></ul><ul><li></noframes> </li></ul><ul><li></frameset> </li></ul>
  13. 13. Iframe tag <ul><li>The <iframe> ….. </iframe> tag defines an inline frame that contains another document. </li></ul><ul><li><iframe> comes under the body just like an image. </li></ul><ul><li>The <iframe> tag does not support any event attributes. </li></ul><ul><li>Some of the optional attributes are given in the next slide. </li></ul>
  14. 14. Iframe tag
  15. 15. Another Example <ul><li><HTML> </li></ul><ul><li><frameset cols=&quot;150,*&quot;> </li></ul><ul><li><frame src=&quot;1.html&quot; name=“main” /> </li></ul><ul><li><frameset rows=&quot;150,*&quot;> </li></ul><ul><li><frame src=&quot;logo.jpg&quot;> </li></ul><ul><li><frame src=&quot;3.html&quot; name=“auxillary” / > </li></ul><ul><li></frameset> </li></ul><ul><li></frameset> </li></ul><ul><li></HTML> </li></ul>
  16. 16. Frames cont… <ul><li>There are three frames as shown in the figure right side as per the frameset described in the previous slide. </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×