Scribd Logo
Upload

Welcome to Scribd!

  • Computer Science & Engineering: Department of

    Uploaded by

    heiwa8813
    6 views11 pages

    Original Title

    2WU_T

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

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

    Computer Science & Engineering: Department of

    Uploaded by

    heiwa8813

    Copyright:

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

    DEPARTMENT OF

    COMPUTER SCIENCE & ENGINEERING

    WORKSHEET 1

    Student Name: Aman Thakur UID:22BCS16401

    Branch: CSE Section/Group:22BCS-901-


    A
    Semester:4 Date of Performance:3-02-24
    Subject Name: Web Technology Subject Code: 22CSP-256

    1: Aim: To create a interactive webpage

    Code 1: (HTML)

    <html>
    <html>
    <head>

    <link rel="stylesheet" href="style.css">


    <title>HOME</title>

    </head>
    <body>

    <div >
    <nav>
    <a href="index.html">HOME</a>
    <a href="index2.html">ABOUT US</a>
    <a href="index3.html">MILAND Toys</a>
    <a href="index4.html">Contact US</a>
    </nav>
    <p>THEIR ARE NEW TOYS ON THE WAY!!</p>

    <div><img class="bub" src="images\kisspng-speech-balloon-thought-bubble-clip-


    art-think-

    5ac00a56917356.5125723515225349985958.png" alt=""><img

    src="images\PngItem_118774.png" alt="">

    </div>
    </body>
    DEPARTMENT OF
    COMPUTER SCIENCE & ENGINEERING
    </html>

    CODE 2: (HTML)

    <html>
    <head>
    <link rel="stylesheet" href="style1.css">
    <title>ABOUT US</title>
    </head>
    <body>

    <div>
    <h1>Welcome to our Toy Store!</h1>

    <p><marquee>

    Exciting news for all toy enthusiasts! Our store is thrilled to announce the arrival of
    a delightful collection of Minion toys. These lovable and mischievous characters are
    sure to bring joy and laughter to kids and adults alike.
    </marquee>
    </p>
    <p>
    <marquee> From plush Minion dolls to action figures and adorable Minion-themed
    accessories, our store has something for every Minion fan. Join us in celebrating
    the magic of these yellow creatures as they embark on new adventures in the world
    of toys.
    </marquee>

    </p>

    <p><marquee>Don't miss out on the fun! Visit our store today and explore the
    fantastic world of Minion toys. We guarantee smiles and endless entertainment for
    everyone in the family.</marquee>

    </marquee>
    </p>
    <p>
    <marquee >Follow Us On Social Media For More Updates</marquee>
    </p>

    <a href="https://www.facebook.com/"><img src="images\facebook-


    logo_2504792.png" ></a>
    DEPARTMENT OF
    COMPUTER SCIENCE & ENGINEERING
    <a href="https://www.instagram.com"><img src="images\instagram_2111463.png">

    </a>
    <a href="https://www.youtube.com"><img src="images\youtube_1384060.png"
    ></a>
    </div>

    </body>
    </html>

    CODE 3( HTML):

    <html>
    <html>
    <head>
    <title>miand</title>
    <link rel="stylesheet" href="style3.css">
    </head>
    <body>
    <h2>THE BRET TOY</h2>
    <p><img src="images\3384061.jpg" ></p>
    <h2>THE GRU TOY</h2>
    <p><img src="images\3384281.jpg" > </p>
    <h2>THE MINION TOY</h2>
    <p><img src="images\3384459.jpg" > </p>

    </body>
    </html>

    CODE 4(HTML):
    <html>
    <html>
    <head>
    <title>Contact US</title>
    <link rel="stylesheet" href="style4.css"/>
    </head>
    <body>
    <h1>
    CONTACT US HERE !
    </h1>
    <div>
    DEPARTMENT OF
    COMPUTER SCIENCE & ENGINEERING
    <a href="https://www.facebook.com/"><img src="images\facebook-
    logo_2504792.png" ></a>
    <a href="https://www.instagram.com"><img src="images\instagram_2111463.png"
    ></a>
    <a href="https://www.youtube.com"><img src="images\youtube_1384060.png"
    ></a>
    </div>

    </body>
    </html>

    CODE 1 (CSS):

    body{
    margin: 0px;
    padding: 0px;
    background-color: #fdd462;

    }
    nav{
    margin: 20px;
    padding: 10px;
    border-radius: 30px;

    padding: 20px;
    background-color:rgb(0, 0, 0) ;
    color:rgb(255, 255, 255);

    nav a{
    background-color: black;
    color: white; border: 2px solid black;
    border-radius: 10px;

    padding: 5px;
    text-decoration:none;

    }
    a:hover{

    background-color: rgb(0, 0, 0);


    opacity:100%;
    DEPARTMENT OF
    COMPUTER SCIENCE & ENGINEERING

    color:grey;
    border-radius: 30px;
    font-size:15px;
    padding: 10px;

    h1 {
    margin-top: 200px;
    margin-left: 100px;
    border-radius: 10px;
    font-size: 50px;
    }

    h1:hover {
    opacity: 0.5;
    }

    p{

    text-align: center;
    font-size: 40px;
    color: rgb(0, 0, 0);
    }

    div img{
    margin-top: 78px;
    margin-left: 370px;
    }
    .bub{
    height: 300px;
    width: 300px;
    }

    CODE 2 (CSS):

    body {
    background-color:#fdd462;
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    }
    DEPARTMENT OF
    COMPUTER SCIENCE & ENGINEERING

    div {
    background-image: url('images/3383987.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    margin: 70px;
    text-align: center;
    padding: 70px;
    border: 2px solid #fdd462;
    }

    h1 {
    color: #000000;

    p{
    color: #663729;
    }

    marquee {
    border: 2px solid white;
    font-size: 18px;
    color: #fefcf7;
    padding: 10px;
    }

    a img {
    width: 50px;
    margin: 10px;

    CODE 3(CSS):

    body {
    background-image: url('images/3384482.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
    font-family: Arial, sans-serif;

    p img{
    DEPARTMENT OF
    COMPUTER SCIENCE & ENGINEERING
    border: 3px solid black;
    margin: 70px;
    border-radius: 10px;
    width: 480px;
    height: 300px;
    }

    CODE 4(CSS):

    body{
    background-image: url('images/3383987.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
    background-color: black;
    }

    a img {

    padding: 30px;
    margin-top: 100px;
    width: 100px;
    height: 100px;
    margin-right: 10px;
    margin-left: 50px;

    }
    DEPARTMENT OF
    COMPUTER SCIENCE & ENGINEERING

    OUTPUT:
    HOME PAGE:
    DEPARTMENT OF
    COMPUTER SCIENCE & ENGINEERING

    ABOUT US:
    DEPARTMENT OF
    COMPUTER SCIENCE & ENGINEERING

    CONTACT US:

    MILAND:
    DEPARTMENT OF
    COMPUTER SCIENCE & ENGINEERING

    You might also like