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
   88   89   90   91   92   93   94   95   96   97   98