Write HTML and CSS code to design a web page. Divide the browser screen into two frames. The first frame will display the heading. Divide the second frame into two columns. The frame on the right contains a image of “Home and Kitchen Appliances”. The frame on the left contains a menu consisting of hyperlinks. Clicking on any one of these hyperlinks will display related information in a new page as shown below. Use External style sheet with appropriate attributes to display information of each frame.
Step 1: CREATE HTML FILES. ------------------------------------------------------------------------------- Flie 1: Name this file as f.html <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <h1> Furnishing </h1> <ol> <li>Cookware</li> <li>Kitchenware</li> <li>Bakeware</li> <li>Serveware</li> </ol> </html> ------------------------------------------------------------------------------- Flie 2: Name this file as hd.html <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <h1>Home Decor </h1> <ol> <li>Cookware</li> <li>Kitchenware</li> <li>Bakeware</li> <li>Serveware</li> </ol> </html> ---------------------------------------------------------...