SlideShare una empresa de Scribd logo
1 de 34
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],L R B Layer  Clip: rect(T, R, B, L) T
[object Object],Webpage Layer 1 (z-index = 1) Layer 2 (z-index = 2)
[object Object],[object Object],[object Object],[object Object]
[object Object],(0,0) (x 2 ,y 2 ) (x 1 ,y 1 ) Webpage Layer 1 Layer 2 +X +Y
Normal Layer 1 Layer 2 will sit below  Layer 1 Layer 2 Layer 3
Relative Layer 1 Layer 2 will sit below  Layer 1 Layer 2 Layer 3
Absolute Layer 1 Layer 2 will sit below  Layer 1 Layer 2 Layer 3
[object Object],(0,0) * **Note all format details are in “style attribute”  This is a layer 1 This is a layer 2
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(0,0) * This is a layer 1 This is a layer 2
[object Object],[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
 
[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
< frameset  rows= &quot;*, *&quot;  cols= &quot;50%, *&quot;> <frame  src= &quot;....&quot;  name= &quot;myFrame1&quot;  frameborder= &quot;0&quot;/>   <frame  src= &quot;....&quot;  name= &quot;myFrame2&quot;  frameborder= &quot;0&quot;/>   <frame  src= &quot;....&quot;  scrolling= &quot;no&quot;/>   <frame  src= &quot;....&quot;  noresize marginwidth= &quot;0&quot;  marginheight= &quot;0&quot;/> < /frameset >
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],initialContent.html <i> Click any link in the above frame…. </i> toc.html <a href= http://www.neu.edu  target=“myTarget”> NU programs </a><br/> <a href= http://www.mit.edu  target=“myTarget”>MIT programs </a><br/> NU programs MIT programs Click any link in the above frame
[object Object],[object Object],[object Object]

Más contenido relacionado

La actualidad más candente

Basics Of Css And Some Common Mistakes
Basics Of Css And Some Common MistakesBasics Of Css And Some Common Mistakes
Basics Of Css And Some Common Mistakes
sanjay2211
 

La actualidad más candente (20)

uptu web technology unit 2 Css
uptu web technology unit 2 Cssuptu web technology unit 2 Css
uptu web technology unit 2 Css
 
(Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS (Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS
 
Basic-CSS-tutorial
Basic-CSS-tutorialBasic-CSS-tutorial
Basic-CSS-tutorial
 
CSS
CSSCSS
CSS
 
uptu web technology unit 2 html
uptu web technology unit 2 htmluptu web technology unit 2 html
uptu web technology unit 2 html
 
How Cascading Style Sheets (CSS) Works
How Cascading Style Sheets (CSS) WorksHow Cascading Style Sheets (CSS) Works
How Cascading Style Sheets (CSS) Works
 
Css notes
Css notesCss notes
Css notes
 
Css
CssCss
Css
 
Introduction to Cascading Style Sheets
Introduction to Cascading Style SheetsIntroduction to Cascading Style Sheets
Introduction to Cascading Style Sheets
 
Css Basics
Css BasicsCss Basics
Css Basics
 
Html
HtmlHtml
Html
 
An Introduction to Cascading Style Sheets (CSS3)
An Introduction to Cascading Style Sheets (CSS3)An Introduction to Cascading Style Sheets (CSS3)
An Introduction to Cascading Style Sheets (CSS3)
 
Web Development using HTML & CSS
Web Development using HTML & CSSWeb Development using HTML & CSS
Web Development using HTML & CSS
 
Intro to HTML and CSS basics
Intro to HTML and CSS basicsIntro to HTML and CSS basics
Intro to HTML and CSS basics
 
Basics Of Css And Some Common Mistakes
Basics Of Css And Some Common MistakesBasics Of Css And Some Common Mistakes
Basics Of Css And Some Common Mistakes
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS Presentation
 
CSS ppt
CSS pptCSS ppt
CSS ppt
 
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
 
Html, CSS & Web Designing
Html, CSS & Web DesigningHtml, CSS & Web Designing
Html, CSS & Web Designing
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 

Destacado (7)

Ibat Week 3 - Digital Insights Social Media Case Studies
Ibat Week 3 - Digital Insights Social Media Case StudiesIbat Week 3 - Digital Insights Social Media Case Studies
Ibat Week 3 - Digital Insights Social Media Case Studies
 
Ibat Content Marketing Programmesv1 8
Ibat Content Marketing Programmesv1 8Ibat Content Marketing Programmesv1 8
Ibat Content Marketing Programmesv1 8
 
Social Media Fitzwilliam22nd June09
Social Media Fitzwilliam22nd June09Social Media Fitzwilliam22nd June09
Social Media Fitzwilliam22nd June09
 
Introduction to Social Media Technologies
Introduction to Social Media TechnologiesIntroduction to Social Media Technologies
Introduction to Social Media Technologies
 
Social Media&Listening Terenure V1.2
Social Media&Listening Terenure V1.2Social Media&Listening Terenure V1.2
Social Media&Listening Terenure V1.2
 
Layers&Frames
Layers&FramesLayers&Frames
Layers&Frames
 
Dbs Content Marketing Programmesv1 8
Dbs Content Marketing Programmesv1 8Dbs Content Marketing Programmesv1 8
Dbs Content Marketing Programmesv1 8
 

Similar a Layers Frames

Creating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSSCreating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSS
BG Java EE Course
 
Page Layout 2010
Page Layout 2010Page Layout 2010
Page Layout 2010
Cathie101
 
Page Layout 2010
Page Layout 2010Page Layout 2010
Page Layout 2010
guest0f1e7f
 

Similar a Layers Frames (20)

Html5
Html5Html5
Html5
 
Presentation1
Presentation1Presentation1
Presentation1
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
HTML Frameset & Inline Frame
HTML Frameset & Inline FrameHTML Frameset & Inline Frame
HTML Frameset & Inline Frame
 
Creating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSSCreating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSS
 
Html frames
Html framesHtml frames
Html frames
 
Final_Frames.pptx
Final_Frames.pptxFinal_Frames.pptx
Final_Frames.pptx
 
CSS Grid Layout
CSS Grid LayoutCSS Grid Layout
CSS Grid Layout
 
CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
 
Advance Css
Advance CssAdvance Css
Advance Css
 
Advance Css 1194323118268797 5
Advance Css 1194323118268797 5Advance Css 1194323118268797 5
Advance Css 1194323118268797 5
 
Html frames
Html framesHtml frames
Html frames
 
2b. Web Technology HTML Basics-2
2b. Web Technology HTML Basics-22b. Web Technology HTML Basics-2
2b. Web Technology HTML Basics-2
 
Page Layout 2010
Page Layout 2010Page Layout 2010
Page Layout 2010
 
Page Layout 2010
Page Layout 2010Page Layout 2010
Page Layout 2010
 
Pfnp slides
Pfnp slidesPfnp slides
Pfnp slides
 
Html Frames
Html FramesHtml Frames
Html Frames
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
An Event Apart SF: CSS Grid Layout
An Event Apart SF: CSS Grid LayoutAn Event Apart SF: CSS Grid Layout
An Event Apart SF: CSS Grid Layout
 

Más de Digital Insights - Digital Marketing Agency

Más de Digital Insights - Digital Marketing Agency (20)

Diploma-GCD-ContentMarketing-Personas-Week2
Diploma-GCD-ContentMarketing-Personas-Week2Diploma-GCD-ContentMarketing-Personas-Week2
Diploma-GCD-ContentMarketing-Personas-Week2
 
DigitalInsights-DigitalMarketingStrategy&Planning
DigitalInsights-DigitalMarketingStrategy&PlanningDigitalInsights-DigitalMarketingStrategy&Planning
DigitalInsights-DigitalMarketingStrategy&Planning
 
DI-Facebook-DCEB-Session
DI-Facebook-DCEB-SessionDI-Facebook-DCEB-Session
DI-Facebook-DCEB-Session
 
DBS-Week2-DigitalStrategySession
DBS-Week2-DigitalStrategySessionDBS-Week2-DigitalStrategySession
DBS-Week2-DigitalStrategySession
 
GCD-Measurement&Analytics-Week11
GCD-Measurement&Analytics-Week11GCD-Measurement&Analytics-Week11
GCD-Measurement&Analytics-Week11
 
DBS-Week1-Introduction&OverviewDigitalMarketing
DBS-Week1-Introduction&OverviewDigitalMarketingDBS-Week1-Introduction&OverviewDigitalMarketing
DBS-Week1-Introduction&OverviewDigitalMarketing
 
DCEB-DigitalStrategySession-Jan24th
DCEB-DigitalStrategySession-Jan24thDCEB-DigitalStrategySession-Jan24th
DCEB-DigitalStrategySession-Jan24th
 
GCD-eCommcereCaseStudies
GCD-eCommcereCaseStudiesGCD-eCommcereCaseStudies
GCD-eCommcereCaseStudies
 
GCD-Week8-EmailMarketing
GCD-Week8-EmailMarketingGCD-Week8-EmailMarketing
GCD-Week8-EmailMarketing
 
GCD-Week7-SEO-Session
GCD-Week7-SEO-SessionGCD-Week7-SEO-Session
GCD-Week7-SEO-Session
 
Week12-DBS-ReviewAndPlanningSession
Week12-DBS-ReviewAndPlanningSessionWeek12-DBS-ReviewAndPlanningSession
Week12-DBS-ReviewAndPlanningSession
 
GCD-Week5-Facebook-LinkedIn-Ads
GCD-Week5-Facebook-LinkedIn-AdsGCD-Week5-Facebook-LinkedIn-Ads
GCD-Week5-Facebook-LinkedIn-Ads
 
DBS-Week11-Measurement&Analyics
DBS-Week11-Measurement&AnalyicsDBS-Week11-Measurement&Analyics
DBS-Week11-Measurement&Analyics
 
GCD-Week6-PPC-Ads-Session
GCD-Week6-PPC-Ads-SessionGCD-Week6-PPC-Ads-Session
GCD-Week6-PPC-Ads-Session
 
RPC-Wordpress-Session
RPC-Wordpress-SessionRPC-Wordpress-Session
RPC-Wordpress-Session
 
DBS-Week10-EcommSites&SalesFunnells
DBS-Week10-EcommSites&SalesFunnellsDBS-Week10-EcommSites&SalesFunnells
DBS-Week10-EcommSites&SalesFunnells
 
GCD-Week5-SocialMediaPlatforms
GCD-Week5-SocialMediaPlatformsGCD-Week5-SocialMediaPlatforms
GCD-Week5-SocialMediaPlatforms
 
DBS-Week3-B2C&B2B-ContentMarketing-Session
DBS-Week3-B2C&B2B-ContentMarketing-SessionDBS-Week3-B2C&B2B-ContentMarketing-Session
DBS-Week3-B2C&B2B-ContentMarketing-Session
 
ECM-PPC-Session
ECM-PPC-SessionECM-PPC-Session
ECM-PPC-Session
 
DBS-Week9-Wordpress-Session
DBS-Week9-Wordpress-SessionDBS-Week9-Wordpress-Session
DBS-Week9-Wordpress-Session
 

Último

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Último (20)

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 

Layers Frames

  • 1.  
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11. Normal Layer 1 Layer 2 will sit below Layer 1 Layer 2 Layer 3
  • 12. Relative Layer 1 Layer 2 will sit below Layer 1 Layer 2 Layer 3
  • 13. Absolute Layer 1 Layer 2 will sit below Layer 1 Layer 2 Layer 3
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.  
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.  
  • 25.
  • 26.  
  • 27.
  • 28.
  • 29. < frameset rows= &quot;*, *&quot; cols= &quot;50%, *&quot;> <frame src= &quot;....&quot; name= &quot;myFrame1&quot; frameborder= &quot;0&quot;/> <frame src= &quot;....&quot; name= &quot;myFrame2&quot; frameborder= &quot;0&quot;/> <frame src= &quot;....&quot; scrolling= &quot;no&quot;/> <frame src= &quot;....&quot; noresize marginwidth= &quot;0&quot; marginheight= &quot;0&quot;/> < /frameset >
  • 30.
  • 31.
  • 32.  
  • 33.
  • 34.