Scribd Logo
Upload

Welcome to Scribd!

  • Web Programming - 240207 - 215505

    Uploaded by

    aquapanda07
    18 views6 pages
    The document is a code screenshot and output from an assignment on web programming by Charanya Jogi. The code creates a basic HTML page with CSS styling. It includes a canvas element with text, navigation links, an image, headings, paragraphs and a button. When the product and home links are clicked, no additional output is shown.

    Original Description:

    Web programming Assignment

    Original Title

    WEB PROGRAMMING_240207_215505

    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
    The document is a code screenshot and output from an assignment on web programming by Charanya Jogi. The code creates a basic HTML page with CSS styling. It includes a canvas element with text, navigation links, an image, headings, paragraphs and a button. When the product and home links are clicked, no additional output is shown.

    Copyright:

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

    Web Programming - 240207 - 215505

    Uploaded by

    aquapanda07
    The document is a code screenshot and output from an assignment on web programming by Charanya Jogi. The code creates a basic HTML page with CSS styling. It includes a canvas element with text, navigation links, an image, headings, paragraphs and a button. When the product and home links are clicked, no additional output is shown.

    Copyright:

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

    WEB PROGRAMMING

    ASSIGNMENT BY CHARANYA JOGI – 22BAI1467

    Code Screenshot:
    Code output:
    <!DOCTYPE html>
    <html lang="en-UK">
    <head>
    <style>
    body{
    background-size:100%;
    background-color:#ffd4d4;
    }
    div{
    float:Right;
    }
    h1{
    text-decoration: none;
    text-color:black;
    text-align:bottom center;
    font-size:50px;

    }
    button{
    background-color:red;
    border-radius: 40px;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    }
    img{
    float:right;
    width:700px;
    height:700px;
    border-radius: 70%;
    coords: 70,80,0;
    top:auto;
    }
    </style>
    </head>
    <body>
    <canvas id="myCanvas" width="100" height="25" style="border:3px solid
    #0f0f0f;"></canvas>
    <script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.font = "15px sans-serif";
    ctx.fillStyle = "red";
    ctx.fillText("RedStore",10,20S);
    </script>

    <form>

    <div class="Home">
    <a href="https://rsanimesh.github.io/index.html" style="text-
    decoration:none; color:black">Home &nbsp;</a>
    <a href="https://rsanimesh.github.io/products.html"
    style="text-decoration:none; color:black" >Product &nbsp;</a>
    <a href="https://rsanimesh.github.io/" style="text-
    decoration:none; color:black">About &nbsp;</a>
    <a href="https://rsanimesh.github.io/" style="text-
    decoration:none; color:black">Contact &nbsp;</a>
    <a href="https://rsanimesh.github.io/account.html"
    style="text-decoration:none; color:black">Account &nbsp;</a>

    </div>
    <img src ="https://rsanimesh.github.io/images/image1.png"
    width="1000" height="1500">

    </form>
    <br>
    <br>
    <br><br>
    <br><br>
    <h1>Give Your Work A New Style!</h1>
    <p>Success isnt always about greatness. it's about consistency.
    Consistent hard work gains success. Greatness will come.</p>
    <form>
    <button type="Explore" >Explore Now -></button>
    </form>

    </body>
    </html>

    Output:

    After clicking on product:


    After clicking on home :

    You might also like