HTML Intro – iFrames

iFrames allow you to embed other web pages into your HTML document. This can be to show off other people’s websites, or simply as a way to reuse code such as for menu bars, or footers.

NOTE: The webpages embedded on your HTML document will completely run and javascript and tracking scripts will be fully functional. This may be a risk to your visitors.

iframes.html

<iframe src="./header.html" frameborder="0"></iframe>

<p><iframe src="https://www.elithecomputerguy.com" height="300" width="300"></iframe>

<iframe src="https://www.rossmanngroup.com" height="300" width="300"></iframe></p>

<iframe src="./footer.html" frameborder="0"></iframe>

header.html

<h1>Header</h1>
<p> You can have a menu bar here, or a header image, etc...</p>

footer.html

<h6>Footer</h6>
<p>You can put copyright notices or such here and reuse on all of your pages</p>