Page 93 - modular_v2.0_HTML&_CSS_Fb
P. 93
Let us create a web page using the <IFRAME> tag.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>ABC Public School</TITLE>
<STYLE>
BODY {
font-family: Arial, sans-serif;
margin: 0;
text-align: center;
background-color: lightgreen;
}
H1 {
color: red;
}
.CONTAINER {
display: flex;
height: 100vh;
}
IFRAME {
border: 1px solid black;
}
#MENU {
width: 25%;
height: 100%;
}
#CONTENT {
width: 75%;
height: 100%;
}
</STYLE>
</HEAD>
<BODY>
<H1>ABC Public School</H1>
<DIV CLASS="CONTAINER">
<IFRAME ID="MENU" SRC="menu.html"></IFRAME>
<IFRAME ID="CONTENT" SRC="welcome.html" NAME="contentFrame"></
IFRAME>
91
Images, Links and Frames in HTML

