CodesJava

Easy learning with example program codes

Frame HTML

HTML <frame> Tag

The HTML <frame> Tag is not supported in HTML5. It was used to specify an area in an HTML file to display another HTML web page within it. A web page is thus divided into multiple sections or frames. Different web pages are present in each frame. It is used with the HTML <frameset> tag. Nowadays, the HTML <iframe> or <div> tag can be used with CSS to get similar effects.

Syntax:

< frame src = "URL" >

Example 1:

<!DOCTYPE html>  
<html>  
<head>  
    <title>Example</title>  
</head>  
  <frameset cols="25%,50%,25%">  
    <frame src="frame1.html" >  
    <frame src="frame2.html">   
    <frame src="frame3.html">  
  </frameset>  
</html>

Frame1.html:

<!DOCTYPE html>  
<html>  
<head>  
    <style>  
       div{  
        background-color:crimson;   
        height: 400px;  
        }  
    </style>  
</head>  
<body>  
    <div style = "text-align: center; padding: 30px; color:white;">  
        <h2>HELLO WORLD!!</h2>  
        <p>I am the FIRST Frame.</p> 
    </div>  
 </body>  
</html>

Frame2.html:

<!DOCTYPE html>  
<html>  
<head>  
    <style>  
       div{  
        background-color:gray;   
        height: 400px;  
        }  
    </style>  
</head>  
<body>  
    <div style = "text-align: center; padding: 30px; color:black;">  
        <h2>HELLO WORLD!!</h2>  
        <p>I am the SECOND Frame.</p> 
    </div>  
 </body>  
</html>

Frame3.html:

<!DOCTYPE html>  
<html>  
<head>  
    <style>  
       div{  
        background-color:black;   
        height: 400px;  
        }  
    </style>  
</head>  
<body>  
    <div style = "text-align: center; padding: 30px; color:white;">  
        <h2>HELLO WORLD!!</h2>  
        <p>I am the THIRD Frame.</p> 
    </div>  
 </body>  
</html>

Output:

Explanation:

In the above example, we are using the HTML <frame> tag to create 3 vertical HTML frames within an HTML web page.

Example 2: Creating Horizontal frames.

<!DOCTYPE html>  
<html>  
<head>  
    <title>Example</title>  
</head>  
  <frameset rows="25%,50%,25%">  
    <frame src="frame1.html" >  
    <frame src="frame2.html">   
    <frame src="frame3.html">  
  </frameset>  
</html>

Output:

Explanation:

In the above example, we are using the HTML <frame> tag to create 3 horizontal HTML frames within an HTML web page.

Supporting Browsers:

Chrome, IE, Firefox, Opera and Safari.

Please follow and like us:
error
Posted in HTML   









Copyright © 2019 CodesJava DMCA.com Protection Status