SlideShare a Scribd company logo
1 of 7
PRESENTED BY:-VAIBHAV SINHA
CLASS:-BBA(M2)
FRAME What is it?
 HTML frames are used to divide your
browser window into multiple sections
where each section can load a separate
HTML document. A collection of frames
in the browser window is known as a
frameset. The window is divided into
frames in a similar way the tables are
organized: into rows and columns.
Creating Frames To use frames on a page we use <frameset> tag instead of <body> tag. The <frameset>
tag defines how to divide the window into frames. The rows attribute of <frameset> tag
defines horizontal frames and cols attribute defines vertical frames. Each frame is
indicated by <frame> tag and it defines which HTML document shall open into the
frame.
Examples-1:-
Following is the example to create three horizontal frames:-
Coding:-
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset rows="10%,80%,10%">
<frame name="top" src="/html/top_frame.htm" />
<frame name="main" src="/html/main_frame.htm" />
<frame name="bottom" src="/html/bottom_frame.htm" />
<noframes>
<body> Your browser does not support frames.
</body>
</noframes>
</frameset>
</html>
Creating Frames(contd…)
 This will produce following result:-
Creating Frames(contd…)
 Example 2:-
In this example we have replaced rows attribute by cols and changed
their width. This will create all the three frames vertically:
Coding:-
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset cols="25%,50%,25%">
<frame name="left" src="/html/top_frame.htm" />
<frame name="center" src="/html/main_frame.htm" /> <frame
name="right" src="/html/bottom_frame.htm" /> <noframes>
<body> Your browser does not support frames.
</body>
</noframes>
</frameset>
</html>
Creating Frames(contd…)
 This will produce following result:-
DEFINE FRAME AND FRAME SET WITH A EXAMPLE

More Related Content

What's hot (20)

Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)
 
Html Frames
Html FramesHtml Frames
Html Frames
 
Html frames
Html framesHtml frames
Html frames
 
Introduction to XHTML
Introduction to XHTMLIntroduction to XHTML
Introduction to XHTML
 
Html frames
Html framesHtml frames
Html frames
 
Basic html structure
Basic html structureBasic html structure
Basic html structure
 
Html basics
Html basicsHtml basics
Html basics
 
Web Page Designing Using HTML
Web Page Designing Using HTMLWeb Page Designing Using HTML
Web Page Designing Using HTML
 
Anchor tag HTML Presentation
Anchor tag HTML PresentationAnchor tag HTML Presentation
Anchor tag HTML Presentation
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
Looping statement
Looping statementLooping statement
Looping statement
 
presentation in html,css,javascript
presentation in html,css,javascriptpresentation in html,css,javascript
presentation in html,css,javascript
 
Html
HtmlHtml
Html
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Introduction to HTML and CSS
Introduction to HTML and CSSIntroduction to HTML and CSS
Introduction to HTML and CSS
 
HTML frames and HTML forms
HTML frames and HTML formsHTML frames and HTML forms
HTML frames and HTML forms
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
CSS selectors
CSS selectorsCSS selectors
CSS selectors
 

Viewers also liked

Html - Tables, Forms and Frames by Telerik Academy
Html - Tables, Forms and Frames by Telerik AcademyHtml - Tables, Forms and Frames by Telerik Academy
Html - Tables, Forms and Frames by Telerik AcademyOgnyan Penkov
 
Basic JavaScript Tutorial
Basic JavaScript TutorialBasic JavaScript Tutorial
Basic JavaScript TutorialDHTMLExtreme
 
Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)Chris Poteet
 
Introduction to Javascript
Introduction to JavascriptIntroduction to Javascript
Introduction to JavascriptAmit Tyagi
 
JavaScript - An Introduction
JavaScript - An IntroductionJavaScript - An Introduction
JavaScript - An IntroductionManvendra Singh
 
The JavaScript Programming Language
The JavaScript Programming LanguageThe JavaScript Programming Language
The JavaScript Programming Languageguestceb98b
 

Viewers also liked (11)

Html frames
Html framesHtml frames
Html frames
 
Html - Tables, Forms and Frames by Telerik Academy
Html - Tables, Forms and Frames by Telerik AcademyHtml - Tables, Forms and Frames by Telerik Academy
Html - Tables, Forms and Frames by Telerik Academy
 
Introduction to JavaScript Basics.
Introduction to JavaScript Basics.Introduction to JavaScript Basics.
Introduction to JavaScript Basics.
 
Html 5 Forms
Html 5 FormsHtml 5 Forms
Html 5 Forms
 
Basic JavaScript Tutorial
Basic JavaScript TutorialBasic JavaScript Tutorial
Basic JavaScript Tutorial
 
HTML practicals
HTML practicals HTML practicals
HTML practicals
 
Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)
 
Introduction to Javascript
Introduction to JavascriptIntroduction to Javascript
Introduction to Javascript
 
Javascript
JavascriptJavascript
Javascript
 
JavaScript - An Introduction
JavaScript - An IntroductionJavaScript - An Introduction
JavaScript - An Introduction
 
The JavaScript Programming Language
The JavaScript Programming LanguageThe JavaScript Programming Language
The JavaScript Programming Language
 

Similar to DEFINE FRAME AND FRAME SET WITH A EXAMPLE

Similar to DEFINE FRAME AND FRAME SET WITH A EXAMPLE (20)

DEFINE FRAME AND FRAME SET WITH EXAMPLE
DEFINE FRAME AND FRAME SET WITH EXAMPLEDEFINE FRAME AND FRAME SET WITH EXAMPLE
DEFINE FRAME AND FRAME SET WITH EXAMPLE
 
Html frames
Html framesHtml frames
Html frames
 
HTML-Part2
HTML-Part2HTML-Part2
HTML-Part2
 
Final_Frames.pptx
Final_Frames.pptxFinal_Frames.pptx
Final_Frames.pptx
 
Frames.ppt
Frames.pptFrames.ppt
Frames.ppt
 
Presentation1
Presentation1Presentation1
Presentation1
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Web topic 9 navigation and link
Web topic 9  navigation and linkWeb topic 9  navigation and link
Web topic 9 navigation and link
 
uptu web technology unit 2 html
uptu web technology unit 2 htmluptu web technology unit 2 html
uptu web technology unit 2 html
 
Unit 2.10 - Frames
Unit 2.10 - FramesUnit 2.10 - Frames
Unit 2.10 - Frames
 
Handout6 html frames
Handout6 html framesHandout6 html frames
Handout6 html frames
 
5. Frames & Forms.pdf
5. Frames & Forms.pdf5. Frames & Forms.pdf
5. Frames & Forms.pdf
 
2b. Web Technology HTML Basics-2
2b. Web Technology HTML Basics-22b. Web Technology HTML Basics-2
2b. Web Technology HTML Basics-2
 
computer language - Html frames
computer language - Html framescomputer language - Html frames
computer language - Html frames
 
Html basics
Html basicsHtml basics
Html basics
 
Html tutorial 5
Html tutorial 5Html tutorial 5
Html tutorial 5
 
Html tutorial 5
Html tutorial 5Html tutorial 5
Html tutorial 5
 
Html presentation
Html presentationHtml presentation
Html presentation
 
Web engineering and Technology
Web engineering and TechnologyWeb engineering and Technology
Web engineering and Technology
 

More from Vaibhav Sinha

More from Vaibhav Sinha (6)

TAXATION LAW
TAXATION LAWTAXATION LAW
TAXATION LAW
 
FLEXI TIME
FLEXI TIMEFLEXI TIME
FLEXI TIME
 
MICROENVIRONMENT FACTORS
MICROENVIRONMENT FACTORSMICROENVIRONMENT FACTORS
MICROENVIRONMENT FACTORS
 
Values & its Sources
Values & its SourcesValues & its Sources
Values & its Sources
 
PRODUCT LIFE CYCLE
PRODUCT LIFE CYCLEPRODUCT LIFE CYCLE
PRODUCT LIFE CYCLE
 
MEASURES OF UNEMPLOYMENT
MEASURES OF UNEMPLOYMENTMEASURES OF UNEMPLOYMENT
MEASURES OF UNEMPLOYMENT
 

DEFINE FRAME AND FRAME SET WITH A EXAMPLE

  • 2. FRAME What is it?  HTML frames are used to divide your browser window into multiple sections where each section can load a separate HTML document. A collection of frames in the browser window is known as a frameset. The window is divided into frames in a similar way the tables are organized: into rows and columns.
  • 3. Creating Frames To use frames on a page we use <frameset> tag instead of <body> tag. The <frameset> tag defines how to divide the window into frames. The rows attribute of <frameset> tag defines horizontal frames and cols attribute defines vertical frames. Each frame is indicated by <frame> tag and it defines which HTML document shall open into the frame. Examples-1:- Following is the example to create three horizontal frames:- Coding:- <html> <head> <title>HTML Frames</title> </head> <frameset rows="10%,80%,10%"> <frame name="top" src="/html/top_frame.htm" /> <frame name="main" src="/html/main_frame.htm" /> <frame name="bottom" src="/html/bottom_frame.htm" /> <noframes> <body> Your browser does not support frames. </body> </noframes> </frameset> </html>
  • 4. Creating Frames(contd…)  This will produce following result:-
  • 5. Creating Frames(contd…)  Example 2:- In this example we have replaced rows attribute by cols and changed their width. This will create all the three frames vertically: Coding:- <html> <head> <title>HTML Frames</title> </head> <frameset cols="25%,50%,25%"> <frame name="left" src="/html/top_frame.htm" /> <frame name="center" src="/html/main_frame.htm" /> <frame name="right" src="/html/bottom_frame.htm" /> <noframes> <body> Your browser does not support frames. </body> </noframes> </frameset> </html>
  • 6. Creating Frames(contd…)  This will produce following result:-