SlideShare a Scribd company logo
1 of 9
HTML – Frames
By
Dr. I. Uma Maheswari
iuma_maheswari@yahoo.co.in
Frames
• Html allows a significant feature of dividing
the browser’s screen into different windows
called Frames.
• Frames are created using <frameset>
…….</frameset> tag.
• When this tag is used in the document, the
<body> tag is not used.
• It actually replaces <body> tag and hence
formatting tags, hyperlinks or document
text cannot be used in the frame definition.
Attributes of <frameset> tag
1. Cols
• This attribute is used to divide the browser
screen into number of vertical frames (columns).
• A value is given to this attribute which is either in
terms of pixels or percentage.
• The advantage of using percentage is that when
the size of the browser changes, these value will
also change correspondingly.
Eg., <frameset cols = “40%, 60%”>
<frameset cols = “50%, 30%, * ”>
2. Rows
• This attribute instructs the browser to spilt
the screen into number of horizontal
frames (rows).
Eg., <frameset rows = “40%, 60%”>
<frameset rows = “50%, 30%, * ”>
Frame tag
• <frame> tag defines the contents and
properties of an individual frame declared
using the Frameset.
• <frame> tag lies inside the frameset
element.
• <frame> tag does not contain an end tag.
Frame tag attribute
• Name – This attribute assigns a specific
name to a frame.
• SRC – refers the html document to be
displayed in the frame.
Eg., <frame name = “firstname” src =
“test.html”>
Example for frames
<HTML>
<HEAD>
<TITLE> frames </TITLE>
</HEAD>
<frameset cols – “50%, *”>
<frame src = “poem.html”> poem.html
<frame src = “tree.html”> tree.html
</frameset>
</HTML>
Link between frames
• TARGET attribute – is used with each link to specify the frame in
which the linked document should be displayed.
Eg.,
<HTML>
<HEAD>
<TITLE> frames </TITLE>
</HEAD>
<frameset cols – “60%, 40%”>
<frame src = “main.html”>
<frame sc = “side.html”> name = “secondframe”>
</frameset>
</HTML>
Save this as frame.html
<HTML>
<HEAD>
<TITLE> main part </TITLE>
</HEAD>
<body>
<H1>menu</h1>
<UL>
<LI> <A href = “poem.html” target = “secondframe”>
<br><br>
<LI> <A href = “tree.html” target = “secondframe”>
</UL>
</body>
</HTML>
Save the file as main.html

More Related Content

What's hot

HTML5: features with examples
HTML5: features with examplesHTML5: features with examples
HTML5: features with examplesAlfredo Torre
 
Complete Lecture on Css presentation
Complete Lecture on Css presentation Complete Lecture on Css presentation
Complete Lecture on Css presentation Salman Memon
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5Gil Fink
 
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptAn Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptFahim Abdullah
 
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
 
Images and Lists in HTML
Images and Lists in HTMLImages and Lists in HTML
Images and Lists in HTMLMarlon Jamera
 
(Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS (Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS Dave Kelly
 
Class Intro / HTML Basics
Class Intro / HTML BasicsClass Intro / HTML Basics
Class Intro / HTML BasicsShawn Calvert
 
Cascading style sheet
Cascading style sheetCascading style sheet
Cascading style sheetMichael Jhon
 
Intro to HTML and CSS basics
Intro to HTML and CSS basicsIntro to HTML and CSS basics
Intro to HTML and CSS basicsEliran Eliassy
 

What's hot (20)

HTML5: features with examples
HTML5: features with examplesHTML5: features with examples
HTML5: features with examples
 
Css selectors
Css selectorsCss selectors
Css selectors
 
Complete Lecture on Css presentation
Complete Lecture on Css presentation Complete Lecture on Css presentation
Complete Lecture on Css presentation
 
Introduction to HTML and CSS
Introduction to HTML and CSSIntroduction to HTML and CSS
Introduction to HTML and CSS
 
Css Basics
Css BasicsCss Basics
Css Basics
 
Html basics
Html basicsHtml basics
Html basics
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptAn Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java Script
 
Css Display Property
Css Display PropertyCss Display Property
Css Display Property
 
Css lecture notes
Css lecture notesCss lecture notes
Css lecture notes
 
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 css
Introduction to cssIntroduction to css
Introduction to css
 
Images and Lists in HTML
Images and Lists in HTMLImages and Lists in HTML
Images and Lists in HTML
 
Html Frames
Html FramesHtml Frames
Html Frames
 
(Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS (Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
 
Class Intro / HTML Basics
Class Intro / HTML BasicsClass Intro / HTML Basics
Class Intro / HTML Basics
 
Css
CssCss
Css
 
Cascading style sheet
Cascading style sheetCascading style sheet
Cascading style sheet
 
Intro to HTML and CSS basics
Intro to HTML and CSS basicsIntro to HTML and CSS basics
Intro to HTML and CSS basics
 

Similar to HTML Frames Guide (20)

Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
uptu web technology unit 2 html
uptu web technology unit 2 htmluptu web technology unit 2 html
uptu web technology unit 2 html
 
HTML Frameset & Inline Frame
HTML Frameset & Inline FrameHTML Frameset & Inline Frame
HTML Frameset & Inline Frame
 
Final_Frames.pptx
Final_Frames.pptxFinal_Frames.pptx
Final_Frames.pptx
 
5. Frames & Forms.pdf
5. Frames & Forms.pdf5. Frames & Forms.pdf
5. Frames & Forms.pdf
 
Html frames
Html framesHtml frames
Html frames
 
Html frames
Html framesHtml frames
Html frames
 
Presentation1
Presentation1Presentation1
Presentation1
 
Frames and its components
Frames and its components Frames and its components
Frames and its components
 
HTML-Part2
HTML-Part2HTML-Part2
HTML-Part2
 
Ashish
AshishAshish
Ashish
 
frames
framesframes
frames
 
02html Frames
02html Frames02html Frames
02html Frames
 
Handout6 html frames
Handout6 html framesHandout6 html frames
Handout6 html frames
 
DEFINE FRAME AND FRAME SET WITH A EXAMPLE
DEFINE FRAME AND FRAME SET WITH A EXAMPLEDEFINE FRAME AND FRAME SET WITH A EXAMPLE
DEFINE FRAME AND FRAME SET WITH A EXAMPLE
 
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
 
Html5
Html5Html5
Html5
 
Html Frames
Html FramesHtml Frames
Html Frames
 
Tags
TagsTags
Tags
 

More from Dr. I. Uma Maheswari Maheswari

2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)Dr. I. Uma Maheswari Maheswari
 
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)Dr. I. Uma Maheswari Maheswari
 
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)Dr. I. Uma Maheswari Maheswari
 
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)Dr. I. Uma Maheswari Maheswari
 
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)Dr. I. Uma Maheswari Maheswari
 
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)Dr. I. Uma Maheswari Maheswari
 
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)Dr. I. Uma Maheswari Maheswari
 
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)Dr. I. Uma Maheswari Maheswari
 
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
X std maths -  Relations and functions (ex 1.5 &amp; 1.6)X std maths -  Relations and functions (ex 1.5 &amp; 1.6)
X std maths - Relations and functions (ex 1.5 &amp; 1.6)Dr. I. Uma Maheswari Maheswari
 

More from Dr. I. Uma Maheswari Maheswari (20)

2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
 
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
 
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
 
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
 
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
 
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
 
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
 
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
 
Computer language - Html forms
Computer language - Html formsComputer language - Html forms
Computer language - Html forms
 
Computer language - Html tables
Computer language - Html tablesComputer language - Html tables
Computer language - Html tables
 
Pedagogy - teaching models
Pedagogy - teaching modelsPedagogy - teaching models
Pedagogy - teaching models
 
Computer language - html links
Computer language - html   linksComputer language - html   links
Computer language - html links
 
Computer language - html images and sounds
Computer language - html   images and soundsComputer language - html   images and sounds
Computer language - html images and sounds
 
computer language - html lists
computer language - html listscomputer language - html lists
computer language - html lists
 
Computer language - HTML tags
Computer language - HTML tagsComputer language - HTML tags
Computer language - HTML tags
 
Computer language - HTML (Hyper Text Markup Language)
Computer language - HTML (Hyper Text Markup Language)Computer language - HTML (Hyper Text Markup Language)
Computer language - HTML (Hyper Text Markup Language)
 
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
X std maths -  Relations and functions (ex 1.5 &amp; 1.6)X std maths -  Relations and functions (ex 1.5 &amp; 1.6)
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
 
X std maths - Relations and functions (ex 1.4)
X std maths - Relations and functions  (ex 1.4)X std maths - Relations and functions  (ex 1.4)
X std maths - Relations and functions (ex 1.4)
 
X std maths - Relations and functions (ex 1.3)
X std maths -  Relations and functions  (ex 1.3)X std maths -  Relations and functions  (ex 1.3)
X std maths - Relations and functions (ex 1.3)
 
X std mathematics - Relations and functions (Ex 1.2)
X std mathematics - Relations and functions  (Ex 1.2)X std mathematics - Relations and functions  (Ex 1.2)
X std mathematics - Relations and functions (Ex 1.2)
 

Recently uploaded

भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,Virag Sontakke
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaVirag Sontakke
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfMahmoud M. Sallam
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Final demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptxFinal demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptxAvyJaneVismanos
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Biting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfBiting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfadityarao40181
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 

Recently uploaded (20)

Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of India
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdf
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Final demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptxFinal demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptx
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Biting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfBiting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdf
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 

HTML Frames Guide

  • 1. HTML – Frames By Dr. I. Uma Maheswari iuma_maheswari@yahoo.co.in
  • 2. Frames • Html allows a significant feature of dividing the browser’s screen into different windows called Frames. • Frames are created using <frameset> …….</frameset> tag. • When this tag is used in the document, the <body> tag is not used. • It actually replaces <body> tag and hence formatting tags, hyperlinks or document text cannot be used in the frame definition.
  • 3. Attributes of <frameset> tag 1. Cols • This attribute is used to divide the browser screen into number of vertical frames (columns). • A value is given to this attribute which is either in terms of pixels or percentage. • The advantage of using percentage is that when the size of the browser changes, these value will also change correspondingly. Eg., <frameset cols = “40%, 60%”> <frameset cols = “50%, 30%, * ”>
  • 4. 2. Rows • This attribute instructs the browser to spilt the screen into number of horizontal frames (rows). Eg., <frameset rows = “40%, 60%”> <frameset rows = “50%, 30%, * ”>
  • 5. Frame tag • <frame> tag defines the contents and properties of an individual frame declared using the Frameset. • <frame> tag lies inside the frameset element. • <frame> tag does not contain an end tag.
  • 6. Frame tag attribute • Name – This attribute assigns a specific name to a frame. • SRC – refers the html document to be displayed in the frame. Eg., <frame name = “firstname” src = “test.html”>
  • 7. Example for frames <HTML> <HEAD> <TITLE> frames </TITLE> </HEAD> <frameset cols – “50%, *”> <frame src = “poem.html”> poem.html <frame src = “tree.html”> tree.html </frameset> </HTML>
  • 8. Link between frames • TARGET attribute – is used with each link to specify the frame in which the linked document should be displayed. Eg., <HTML> <HEAD> <TITLE> frames </TITLE> </HEAD> <frameset cols – “60%, 40%”> <frame src = “main.html”> <frame sc = “side.html”> name = “secondframe”> </frameset> </HTML> Save this as frame.html
  • 9. <HTML> <HEAD> <TITLE> main part </TITLE> </HEAD> <body> <H1>menu</h1> <UL> <LI> <A href = “poem.html” target = “secondframe”> <br><br> <LI> <A href = “tree.html” target = “secondframe”> </UL> </body> </HTML> Save the file as main.html