Download presentation
Presentation is loading. Please wait.
1
HTML Frames
2
Introduction and Usage
Important In HTML Vey Useful Several Web Pages Can be Displayed In Same Browser Windows Using Frames Several HTML Documents can be displayed in the Same Web Browser Windows Each HTML Document is called A Frame Each Frame is Independent of Others Frameset Element is Used For Framing
3
Frameset Element An Element Holds One or More Frames
It Defines Following: 1. How Many Columns Are In The Frameset 2. How Many Rows Are In The Frameset 3. How Many Pixel/Percentage Space Each Will Occupy <frameset> Is Opening Tag </frameset> Is Closing Tag
4
Frameset Tag Attributes
cols: -- Specifies Number and Size of Columns In Frameset rows: -- Specifies Number and Size of Rows In Frameset Possible Values For rows,cols Attributes: -- Pixel Defines Size In Pixels -- Percentage Size Is In Percentage of the Available Space -- * Rest of Available Space is Assigned
5
The FRAME Tag <frameset> Tag Defines A Frameset
<frame> Tag is Used to define Frames Defines A Particular Window inside a Frameset Attributes: -- frameborder Values(0,1) Specifies Whether to Display Border or Not -- marginheight Specifies Top and Bottom Margins of Frame -- marginwidth Specifies Left and Right Margins of Frame -- name Specifies Name of Frame -- scrolling Values(yes,no,auto) Specifes Whether to Display Scrolling Bars or Not -- src Specifies the URL of the Web Page to be Displayed in the Frame
6
Horizontal Frames <html> <head>
<title>Horizontal Frames</title> </head> <body> <frameset rows=“25%,75%” /> <frame src=“frame_a.html” /> <frame src=“frame_b.html” /> </frameset> </body> </html>
7
Vertical Frames <html> <head>
<title>Vertical Frames</title> </head> <body> <frameset cols=“25%,75%” /> <frame src=“frame_a.html” /> <frame src=“frame_b.html” /> </frameset> </body> </html>
8
Mixed Frameset 1 <html> <head>
<title>Mixed Frameset</title> </head> <body> <frameset cols="25%,75%"> <frame src="frame_a.htm" /> <frameset rows="20%,*" /> <frame src="frame_b.htm" /> <frame src="frame_c.htm" /> </frameset> </body> </html>
9
Mixed Frameset 2 <html> <head>
<title>Mixed Frameset</title> </head> <body> <frameset rows="25%,50%" > <frame src="frame_a.html" /> <frameset cols="50%,50%" > <frame src="frame_b.html" /> <frame src="frame_c.html" /> </frameset> </body> </html>
10
Comprehensive Example
Books.html <html> <body> <h4> books </h4> books list are as under <pre> 1. visual basic <br> 2. Web programming <br> 3. High Level Programming <br> 4. Java </pre> </body>
11
Comprehensive Example
Contact.html <html> <body> <h4> contact us </h4> feel free to contact us regarding an query about net web: <br> <br> mob: </body>
12
Comprehensive Example
Main.html <html> <body> <h3> welcome to online book </h3> online book shop provides you the facility to purchase published books on a variety of topic. You can purchase the books on your credit card. </body> </html>
13
Comprehensive Example
menu.html <html> <body> <a href="main.html" target="main"> main </a> <br> <a href="books.html" target="main"> books </a> <br> <a href="contact.html" target="main"> contact us </a> </body>
14
Comprehensive Example
top.html <html> <body> <h3> Computer Science Department </h3> <br> <h5>University of Agriculture Faisalabad </h5> </body> </html>
15
Comprehensive Example
frame.html: <frameset rows="20%,80%"> <frame src="top.html" name="top"> <frameset cols="20%,80%"> <frame src="menu.html" name="left"> <frame src="main.html" name="main"> </frameset>
16
Preview
Similar presentations
