saftutorials.com
HTML Iframes Tutorial

HTML Iframe is a tag that use for see another website, webpage, image or video. HTML Ifram tag use by <iframe>.

How to use HTML iframe?

First write iframe tag using this structure <iframe src="Your Iframe source like URL, Page, Image or Video"></iframe>

Basic Structure of HTML Iframe

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Table Tutorials</title>
</head>
<body>
<iframe src="http://www.saftutorials.com"></iframe>
</body>
</html>

HTML Iframe with Width and Height

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Table Tutorials</title>
</head>
<body>
<iframe src="http://www.saftutorials.com" width="100%" height="200"></iframe>
</body>
</html>

Double Click to Select Code

HTML Iframe with Border less

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Table Tutorials</title>
</head>
<body>
<iframe src="http://www.saftutorials.com" width="100%" height="200" style="border:none;"></iframe>
</body>
</html>

HTML Iframe with Border Color

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Table Tutorials</title>
</head>
<body>
<iframe src="http://www.saftutorials.com" width="100%" height="200" style="border:4px solid #000;"></iframe>
</body>
</html>

HTML Iframe : Click and change Source

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Table Tutorials</title>
</head>
<body>
<iframe src="http://www.saftutorials.com" name="safFrame" width="100%" height="300"></iframe>
<p><a href="http://www.google.com" target="safFrame">Switch to Google</a></p>
</body>
</html>

Switch to Google

Find us on

Facebook Google Plus Twitter Pinterest YouTube

web statistic