xxxxxxxxxx
<iframe srcdoc="<html><body>The content you see here will never be affected by the CSS of its parent container. It supposed to be rendered in black on a white background.</body></html>"></iframe>
xxxxxxxxxx
<iframe src="http://kidcreatorsteam.com" height="90px" width="40px"></iframe>
<!--I made an iframe! Yay! -->
xxxxxxxxxx
<iframe width="560" height="315" src="https://www.youtube.com/embed/owsfdh4gxyc" frameborder="0" allowfullscreen></iframe>
xxxxxxxxxx
<iframe id="inlineFrameExample"
title="Inline Frame Example"
height="200"
style="border: 0px;width: 100%;"
src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">
</iframe>
xxxxxxxxxx
<div id="website_Within_Same_Webpage">
<iframe src="https://www.codegrepper.com"
height=200px width=100%>
</iframe>
</div>
xxxxxxxxxx
<iframe id="inlineFrameExample"
title="Inline Frame Example"
width="300"
height="200"
src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">
</iframe>
xxxxxxxxxx
<iframe src="https://mathtool400.com/index.html" width="100%" height="600" style="border:none;">
</iframe>
xxxxxxxxxx
<!-- local file: if test.html is in the same directory -->
<iframe src="test.html" width="1000" height="1000">
<!-- local file: if test.html is in the parent directory -->
<iframe src="../test.html" width="1000" height="1000">
<!-- online iframe (youtube as an example) -->
<iframe src="https://www.youtube.com/embed/s4BibernJxU" width="1000" height="1000">
xxxxxxxxxx
<iframe src="https://player.vimeo.com/video/756532933?h=883e55af4c" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
Run code snippet