SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

Hyperlinks in HTML
Hyperlinks in HTMLHyperlinks in HTML
Hyperlinks in HTML
Aarti P
 

Tendances (20)

Lecture-3: Introduction to html - Basic Structure & Block Building
Lecture-3: Introduction to html - Basic Structure & Block BuildingLecture-3: Introduction to html - Basic Structure & Block Building
Lecture-3: Introduction to html - Basic Structure & Block Building
 
HTML frames and HTML forms
HTML frames and HTML formsHTML frames and HTML forms
HTML frames and HTML forms
 
Html forms
Html formsHtml forms
Html forms
 
Links in Html
Links in HtmlLinks in Html
Links in Html
 
HTML Tags
HTML TagsHTML Tags
HTML Tags
 
HTML Forms
HTML FormsHTML Forms
HTML Forms
 
html5.ppt
html5.ppthtml5.ppt
html5.ppt
 
LINKING IN HTML
LINKING IN HTMLLINKING IN HTML
LINKING IN HTML
 
Basic html structure
Basic html structureBasic html structure
Basic html structure
 
Html coding
Html codingHtml coding
Html coding
 
Css ppt
Css pptCss ppt
Css ppt
 
Hyperlinks in HTML
Hyperlinks in HTMLHyperlinks in HTML
Hyperlinks in HTML
 
Html links
Html linksHtml links
Html links
 
Css Ppt
Css PptCss Ppt
Css Ppt
 
Html ppt
Html pptHtml ppt
Html ppt
 
Css
CssCss
Css
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
Concept of CSS unit3
Concept of CSS unit3Concept of CSS unit3
Concept of CSS unit3
 
Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)
 
HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
 

En vedette

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
Ognyan Penkov
 

En vedette (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
 

Similaire à DEFINE FRAME AND FRAME SET WITH A EXAMPLE

Web topic 9 navigation and link
Web topic 9  navigation and linkWeb topic 9  navigation and link
Web topic 9 navigation and link
CK Yang
 

Similaire à 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
HtmlHtml
Html
 
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
 

Plus de Vaibhav Sinha

Plus de 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:-