What is iframe?

ஒரு Inline Frame(IFrame) என்பது ஒரு HTML document-ல் மற்றொரு HTML document-ஐ embedded-செய்யப்பட்ட ஒரு HTML document ஆகும். இது பொதுவாக Web page-ல் advertisement போன்ற out source content-களை insert செய்ய பயன்படுத்த படுகிறது, eg: google ads.

Example

Try this code 
<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>
    <iframe src="https://www.linto.in/html/html-images"></iframe>
</body>
</html>
Output:
Note: src என்ற attribute-ல் எந்த out source content இங்கு display ஆகவேண்டும் என்ற link-ஐ கொடுக்க வேண்டும்.

iframe with style

Example

Try this code 
<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>
    <iframe class="iframe-style" src="https://www.linto.in/html/html-images"></iframe>
    <style>
        .iframe-style{
            height:300px;
            width:100%;
            border:none;
        }
    </style>
</body>
</html>
Output:

Iframe in a Link

An iframe can be used as the target frame for a link.

The target attribute of the link must refer to the name attribute of the iframe:

Example

Try this code 
<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>
    <iframe height="300px" width="100%" src="https://www.linto.in/html/html-tables" name="html_table_iframe">
    </iframe>
	
    <a href="https://www.linto.in/html/html-styles" target="html_table_iframe">Go to HTML Tables in iframe</a>
</body>
</html>
Output:

Go to HTML Styles in iframe

Comments