SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

World wide web architecture presentation
World wide web architecture presentationWorld wide web architecture presentation
World wide web architecture presentation
ImMe Khan
 

Mais procurados (20)

HTML Tags
HTML TagsHTML Tags
HTML Tags
 
Lecture 2 introduction to html
Lecture 2  introduction to htmlLecture 2  introduction to html
Lecture 2 introduction to html
 
HTML Text formatting tags
HTML Text formatting tagsHTML Text formatting tags
HTML Text formatting tags
 
Html coding
Html codingHtml coding
Html coding
 
HTML Frameset & Inline Frame
HTML Frameset & Inline FrameHTML Frameset & Inline Frame
HTML Frameset & Inline Frame
 
HTML
HTMLHTML
HTML
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html table
Html tableHtml table
Html table
 
MySQL and its basic commands
MySQL and its basic commandsMySQL and its basic commands
MySQL and its basic commands
 
Web html table tags
Web html  table tagsWeb html  table tags
Web html table tags
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
World wide web architecture presentation
World wide web architecture presentationWorld wide web architecture presentation
World wide web architecture presentation
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
Practicals it
Practicals itPracticals it
Practicals it
 
Cascading style sheets (CSS)
Cascading style sheets (CSS)Cascading style sheets (CSS)
Cascading style sheets (CSS)
 
Scripting languages
Scripting languagesScripting languages
Scripting languages
 
Basic's of internet
Basic's of internet Basic's of internet
Basic's of internet
 
Sgml
SgmlSgml
Sgml
 
Html table tags
Html table tagsHtml table tags
Html table tags
 
computer language - Html frames
computer language - Html framescomputer language - Html frames
computer language - Html frames
 

Destaque

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
 

Destaque (13)

Html frames
Html framesHtml frames
Html frames
 
HTML frames and HTML forms
HTML frames and HTML formsHTML frames and HTML forms
HTML frames and HTML forms
 
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
 

Semelhante a 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
 
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
 
Web engineering and Technology
Web engineering and TechnologyWeb engineering and Technology
Web engineering and Technology
 

Mais de Vaibhav Sinha

Mais 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:-