Scribd Logo
Upload

Welcome to Scribd!

  • WT pr2

    Uploaded by

    2225 Sanket Patil
    11 views6 pages
    This document contains code for a multi-frame HTML page called "Home.html" with embedded frames for headings, navigation, and content. It also includes separate HTML files and CSS code for styling the headings, navigation index, and main content frame. The main content frame displays a menu of food items with prices in a table.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains code for a multi-frame HTML page called "Home.html" with embedded frames for headings, navigation, and content. It also includes separate HTML files and CSS code for styling the headings, navigation index, and main content frame. The main content frame displays a menu of food items with prices in a table.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    11 views6 pages

    WT pr2

    Uploaded by

    2225 Sanket Patil
    This document contains code for a multi-frame HTML page called "Home.html" with embedded frames for headings, navigation, and content. It also includes separate HTML files and CSS code for styling the headings, navigation index, and main content frame. The main content frame displays a menu of food items with prices in a table.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    Assignment No.

    Home.html

    <html>
    <head><title>Practical 2</title>
    </head>
    <frameset rows="20%,80%" border="1">
    <frame name="frame1" src="Heading.html" />
    <frameset cols="20%,*">
    <frame name="frame2" src="index.html" style="background-color:cyan">
    <frameset cols="5%,*">
    <frame name="frame3" style="background-color:skyblue">
    <frame name="frame4" src="Main.html">
    </frameset>
    </frameset>
    </html>

    Heading.html

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="Style.css"/>
    </head>
    <body class="heading_bg">
    <h1 align="center"> Good Food Good Mood </h1>
    </body>
    </html>

    Index.html

    <html>
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css"/ >
    </head>
    <body>
    <div>
    <h3><u>-- Reach us at --</u></h3>
    &nbsp;
    <ul>
    <li><b>Address : </b></li>
    Pooja cafe , Handewadi, Pune-28.
    <li><b>Contact number : </b></li>
    9876543210
    </ul>
    </div>
    </body>
    <html>
    Main.html

    <html><head><title>Page2</title>
    <style>
    th{
    padding-top:15x;
    padding-bottom:15px;
    color:red;
    } th.head{
    font-size:20px;
    color:#450032;
    }
    p{
    color:red;
    font-size:20px;
    }
    </style></head>
    <body bgcolor="fffdd0">
    <div align="center">
    <marquee behavior="alternate" style="padding-top : 0px" ><p style="font-
    size:30px">!!!
    A taste you will remember !!!</p></marquee>
    <h3 style="font-size:1.5rem">Menu</h3>
    </div>
    <table border="2" style="margin-left:300px;margin-top:40px" width="500px"
    height="350px">
    <tr><th class="head">Items</th><th class="head">Price</th></tr>
    <tr><th><br><img src="sandwhich.webp" width="150px"
    height="75px"/><br>sandwhich</th><th>60</th></tr>
    <tr><th><br><img src="burger.jpg" width="150px"
    height="75px"/><br>Burger</th><th>80</th></tr>
    <tr><th><br><img src="pizza.avif" width="150px"
    height="75px"/><br>Pizza</th><th>200</th></tr>
    <tr><th><br><img src="fries.jpg" width="150px"
    height="75px"/><br>fries</th><th>100</th></tr>
    </table>
    </body>
    </html>

    Style.css

    div
    {
    background-color:skyblue;
    padding-left:50px;
    padding-top:20px;
    width:200px;
    height:300px;
    margin-top:100px;
    border: 5px solid yellow;
    background-image:url('Welcome.jpg');
    }
    h3
    { background-color:blue;
    width:140px;
    height:50px;
    color:white;
    padding-top:23px;
    text-align : center;
    font-size:20px;
    }
    h1{
    width:800px;
    font-size:40px;
    font-family:Times New Roman;
    margin : 50px 400px;
    color:Blue;
    border: 5px solid yellow;
    background-color: skyblue;
    text-shadow: 2px 2px #FF0000;
    }
    body
    {
    background-image:
    url('https://assets.architecturaldigest.in/photos/606c36d0e530975c04f31855/
    master/pass/Surat%20Restro%20Qualia%20cafe%20interiors.jpg')
    }
    Output :

    You might also like