SlideShare une entreprise Scribd logo
1  sur  7
IFrame
Source: http://htmlhelp.com/reference/html40/special/iframe.html
IFrame
 <IFRAME>...</IFRAME>
 Attributes:
 SRC=URL (URL of frame content)
 NAME=CDATA (name of frame)
 LONGDESC=URI (link to long description)
 WIDTH=Length (frame width)
 HEIGHT=Length (frame height)
 ALIGN=[ top | middle | bottom | left | right ] (frame alignment)
 FRAMEBORDER=[ 1 | 0 ] (frame border)
 MARGINWIDTH=Pixels or % (margin width)
 MARGINHEIGHT=Pixels or %(margin height)
 SCROLLING=[ yes | no | auto ] (ability to scroll)
IFrame
 The IFRAME element defines an inline
frame for the inclusion of external
objects including other HTML
documents. IFRAME provides similar
functionality to OBJECT. One
advantage of IFRAME is that it can act
as a target for other links. However,
OBJECT is included in HTML 4 Strict
while IFRAME is not.
IFrame
 IFRAME's SRC attribute provides the
location of the frame content--typically
an HTML document. The optional
NAME attribute specifies the name of
the inline frame, allowing links to target
the frame.
IFrame
 The content of the IFRAME element is used
as an alternative for browsers that are not
configured to show or do not support inline
frames. The content may consist of inline or
block-level elements, though any block-level
elements must be allowed inside the
containing element of IFRAME. For example,
an IFRAME within an H1 cannot contain an
H2, but an IFRAME within a DIV can contain
any block-level elements.
IFrame
 The LONGDESC attribute gives the URI
of a long description of the frame's
contents. This is particularly useful for
full descriptions of embedded objects.
Note that LONGDESC describes the
frame content while the content of the
IFRAME element acts as a replacement
when the external resource cannot be
inlined.
IFrame
 The LONGDESC attribute gives the URI
of a long description of the frame's
contents. This is particularly useful for
full descriptions of embedded objects.
Note that LONGDESC describes the
frame content while the content of the
IFRAME element acts as a replacement
when the external resource cannot be
inlined.

Contenu connexe

Tendances

java script course دورة جافا سكربت باللغة العربية
java script course دورة جافا سكربت باللغة العربيةjava script course دورة جافا سكربت باللغة العربية
java script course دورة جافا سكربت باللغة العربيةanees abu-hmaid
 
Web html table tags
Web html  table tagsWeb html  table tags
Web html table tagsKainat Ilyas
 
BigData_TP3 : Spark
BigData_TP3 : SparkBigData_TP3 : Spark
BigData_TP3 : SparkLilia Sfaxi
 
Learn javascript easy steps
Learn javascript easy stepsLearn javascript easy steps
Learn javascript easy stepsprince Loffar
 
Cours javascript
Cours javascriptCours javascript
Cours javascriptkrymo
 
Introduction to Cascading Style Sheets
Introduction to Cascading Style SheetsIntroduction to Cascading Style Sheets
Introduction to Cascading Style SheetsTushar Joshi
 
3 Layers of the Web - Part 1
3 Layers of the Web - Part 13 Layers of the Web - Part 1
3 Layers of the Web - Part 1Jeremy White
 
Présentation spring data Matthieu Briend
Présentation spring data  Matthieu BriendPrésentation spring data  Matthieu Briend
Présentation spring data Matthieu BriendSOAT
 
Introduction to HTML and CSS
Introduction to HTML and CSSIntroduction to HTML and CSS
Introduction to HTML and CSSMario Hernandez
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to htmlveena parihar
 

Tendances (20)

java script course دورة جافا سكربت باللغة العربية
java script course دورة جافا سكربت باللغة العربيةjava script course دورة جافا سكربت باللغة العربية
java script course دورة جافا سكربت باللغة العربية
 
Web html table tags
Web html  table tagsWeb html  table tags
Web html table tags
 
BigData_TP3 : Spark
BigData_TP3 : SparkBigData_TP3 : Spark
BigData_TP3 : Spark
 
Html list
Html listHtml list
Html list
 
Html ppt
Html pptHtml ppt
Html ppt
 
Hushang Gaikwad
Hushang GaikwadHushang Gaikwad
Hushang Gaikwad
 
Learn javascript easy steps
Learn javascript easy stepsLearn javascript easy steps
Learn javascript easy steps
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
 
Cours javascript
Cours javascriptCours javascript
Cours javascript
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Css pseudo-classes
Css pseudo-classesCss pseudo-classes
Css pseudo-classes
 
Introduction to Cascading Style Sheets
Introduction to Cascading Style SheetsIntroduction to Cascading Style Sheets
Introduction to Cascading Style Sheets
 
3 Layers of the Web - Part 1
3 Layers of the Web - Part 13 Layers of the Web - Part 1
3 Layers of the Web - Part 1
 
Html
HtmlHtml
Html
 
Présentation spring data Matthieu Briend
Présentation spring data  Matthieu BriendPrésentation spring data  Matthieu Briend
Présentation spring data Matthieu Briend
 
HTML e CSS
HTML e CSSHTML e CSS
HTML e CSS
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
Css ppt
Css pptCss ppt
Css ppt
 
Introduction to HTML and CSS
Introduction to HTML and CSSIntroduction to HTML and CSS
Introduction to HTML and CSS
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 

En vedette

En vedette (7)

Iframe
IframeIframe
Iframe
 
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet![edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
 
Html & Html5 from scratch
Html & Html5 from scratchHtml & Html5 from scratch
Html & Html5 from scratch
 
HTML basics
HTML basics HTML basics
HTML basics
 
HTML5 Semantics
HTML5 SemanticsHTML5 Semantics
HTML5 Semantics
 
Lecture 03 HTML&CSS Part 2
Lecture 03   HTML&CSS Part 2Lecture 03   HTML&CSS Part 2
Lecture 03 HTML&CSS Part 2
 
Cours html
Cours htmlCours html
Cours html
 

Similaire à I frame

Similaire à I frame (20)

HTML5 - Introduction
HTML5 - IntroductionHTML5 - Introduction
HTML5 - Introduction
 
Frames and its components
Frames and its components Frames and its components
Frames and its components
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Rapid HTML Prototyping with Bootstrap 4
Rapid HTML Prototyping with Bootstrap 4Rapid HTML Prototyping with Bootstrap 4
Rapid HTML Prototyping with Bootstrap 4
 
Intro to html 5
Intro to html 5Intro to html 5
Intro to html 5
 
HTML Basic Tags
HTML Basic Tags HTML Basic Tags
HTML Basic Tags
 
Salesforce Auckland Developer Meetup - May 2018 - Lightning Web Components
Salesforce Auckland Developer Meetup - May 2018 - Lightning Web Components Salesforce Auckland Developer Meetup - May 2018 - Lightning Web Components
Salesforce Auckland Developer Meetup - May 2018 - Lightning Web Components
 
uptu web technology unit 2 html
uptu web technology unit 2 htmluptu web technology unit 2 html
uptu web technology unit 2 html
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 - Tutorial
Html5 - TutorialHtml5 - Tutorial
Html5 - Tutorial
 
Html basics
Html basicsHtml basics
Html basics
 
Oleksandr Krakovetskyi - Orchard CMS
Oleksandr Krakovetskyi - Orchard CMSOleksandr Krakovetskyi - Orchard CMS
Oleksandr Krakovetskyi - Orchard CMS
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
My 70-480 HTML5 certification learning
My 70-480 HTML5 certification learningMy 70-480 HTML5 certification learning
My 70-480 HTML5 certification learning
 

I frame

  • 2. IFrame  <IFRAME>...</IFRAME>  Attributes:  SRC=URL (URL of frame content)  NAME=CDATA (name of frame)  LONGDESC=URI (link to long description)  WIDTH=Length (frame width)  HEIGHT=Length (frame height)  ALIGN=[ top | middle | bottom | left | right ] (frame alignment)  FRAMEBORDER=[ 1 | 0 ] (frame border)  MARGINWIDTH=Pixels or % (margin width)  MARGINHEIGHT=Pixels or %(margin height)  SCROLLING=[ yes | no | auto ] (ability to scroll)
  • 3. IFrame  The IFRAME element defines an inline frame for the inclusion of external objects including other HTML documents. IFRAME provides similar functionality to OBJECT. One advantage of IFRAME is that it can act as a target for other links. However, OBJECT is included in HTML 4 Strict while IFRAME is not.
  • 4. IFrame  IFRAME's SRC attribute provides the location of the frame content--typically an HTML document. The optional NAME attribute specifies the name of the inline frame, allowing links to target the frame.
  • 5. IFrame  The content of the IFRAME element is used as an alternative for browsers that are not configured to show or do not support inline frames. The content may consist of inline or block-level elements, though any block-level elements must be allowed inside the containing element of IFRAME. For example, an IFRAME within an H1 cannot contain an H2, but an IFRAME within a DIV can contain any block-level elements.
  • 6. IFrame  The LONGDESC attribute gives the URI of a long description of the frame's contents. This is particularly useful for full descriptions of embedded objects. Note that LONGDESC describes the frame content while the content of the IFRAME element acts as a replacement when the external resource cannot be inlined.
  • 7. IFrame  The LONGDESC attribute gives the URI of a long description of the frame's contents. This is particularly useful for full descriptions of embedded objects. Note that LONGDESC describes the frame content while the content of the IFRAME element acts as a replacement when the external resource cannot be inlined.