Scribd Logo
Upload

Welcome to Scribd!

  • Web Development WS - Sahul Kumar Parida (20BCS4919)

    Uploaded by

    Sahul Kumar Parida
    39 views12 pages

    Original Title

    Web development WS_Sahul Kumar Parida(20BCS4919)

    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
    39 views12 pages

    Web Development WS - Sahul Kumar Parida (20BCS4919)

    Uploaded by

    Sahul Kumar Parida

    Copyright:

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

    Name – Sahul Kumar Parida

    Class – 20ITA 8
    UID – 20BCS4919
    SUBJECT- Web Development
    DATE-19/06/2021

    Ques 1:-
    Create a webpage which should have title as defined by the user. It
    should display content in bold, italic, underlined and entire content
    should be center aligned. Include the link to www.google.com.

    Code: -
    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Assignment 1 Question 1</title>

    </head>

    <body style="text-align: center;">

    <h1>This is question 1</h1>

    <p style=" font-style: italic; font-weight: bold; textdecoration:


    underline;">Lets Learn Web Development!!!</p><br>
    <b>HTML is fun</b> <br>

    <i>Lets dive right into HTML</i><br>

    <u>HTML stands for HyperText Markup Language</u><br>

    <a href="https:google.com" target="blank">Google</a>

    </body>

    </html>

    Output: -
    Ques 2: -
    Create a webpage which should have an image as background with
    width 400px and 500px dimensions. If the image could not be
    loaded. It should display an alternative text which should inform the
    user about the same.

    Code: -
    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Assignment 1 Question 2</title>

    </head>

    <body background = "C:\Users\Vishal\Desktop\2.jpg" style ="background-


    repeat:no-repeat;background-size:400px 500px" alt = "image cannot be loaded">

    </body>

    </html>
    Output: -

    Ques 3: -
    Create an ordered list which should display the grocery items to be
    purchased by a household. Include the miscellaneous items also in
    the least priority list using unordered list. CSS list-style-type
    property should also be included.

    Code: -
    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Assignment 1 Question 3</title>

    </head>
    <body>

    <h3>Grocery</h3>

    <ol style="list-style-type: lower-roman;">

    <li>Bakery and Bread</li>

    <li>Eggs</li>

    <li>Oils</li>

    <li>Meat</li>

    <li>Milk</li>

    </ol>

    <h3>Miscellaneous items</h3>

    <ul style="list-style-type: square;">

    <li>Ghee</li>

    <li>Flour</li>

    <li>Soap</li>

    </ul>

    </body>

    </html>

    Output: -
    Ques 4: -
    Design a timetable and display it in tabular format.

    Code: -
    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Assignment 1 Question 4</title>

    </head>

    <body style="text-align:center;">

    <h1>Time Table</h1>

    <table border="1" cellspacing="0" style=" font-

    size: large; margin: 100px auto; background-color: white;">

    <tr>

    <th style=" padding: 12px;">Day/<br>Time</th>

    <th style=" padding: 12px;">Monday</th>

    <th style=" padding: 12px;">Tuesday</th>

    <th style=" padding: 12px;">Wednesday</th>

    <th style=" padding: 12px;">Thursday</th>

    <th style=" padding: 12px;">Friday</th>


    </tr>

    <tr>

    <th>08:00-09:00</th>

    <td>BEEE</td>

    <td>QSP</td> <td>Maths</td>

    <td>CPP</td>

    <td>Calculus</td>

    </tr>

    <tr>

    <th>09:00-10:00</th>

    <td>PCS</td>

    <td>CPP Lab</td> <td>Maths</td>

    <td>QSP Lab</td>

    <td>PCS Lab</td>

    </tr>

    <tr>

    <th>10:00-10:30</th>

    <td colspan="6">Lunch</td>

    </tr>

    <tr>

    <th>10:30-11:30</th>

    <td>PCS Lab</td>

    <td>CPP</td>

    <td>Calculus</td>

    <td>BEEE Lab</td>

    <td>PCS</td>

    </tr>
    <tr>

    <th>11:30-12:30</th>

    <td>Calculus</td>

    <td>PCS</td>

    <td>CPP</td>

    <td>CPP Lab</td>

    <td>Games</td>

    </tr>

    <tr>

    <th>12:30-01:30</th>

    <td>BEEE</td>

    <td>PCS</td>

    <td>Calculus</td>

    <td colspan="2">Activities</td>

    </tr>

    </table>

    </body>

    </html>
    Output: -

    Ques 5: -
    Create a web page which should divide page into two equal Frames
    Frame1, Frame2.

    Code: -
    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Assignment 1 Question 5</title> </head>

    <frameset cols="*, *">

    <frame name="frame1" src="111.html" />


    <frame name="frame2" src="333.html" />

    </frameset>

    <noframes>

    <body>Your browser does not support frames.</body>

    </noframes>

    </html>

    Output: -

    Ques 6: -
    Create a web page that prints your name to the screen, print your
    name in Tahoma font, print a definition list with 5 items, Create links
    to five pages.

    Code: -
    <!DOCTYPE html>

    <html lang="en">
    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Assignment 1 Question 6</title>

    </head>

    <body>

    <h1 style="text-align: center; font: tahoma;">Sahul Kumar Parida</h1>

    <dl style="margin-left: 20px; font-size: large;">

    <dt><a href="https:google.com" target="blank">Google</a></dt>

    <dd>Google is the leading Internet search engine.</dd>

    <dt><a href="https:facebook.com" target="blank">Facebook</a></dt>

    <dd> Facebook is a networking site, which connects people all over the
    world, making the Earth a global village. </dd>

    <dt><a href="https:youtube.com" target="blank">Youtube</a></dt>

    <dd>YouTube is the biggest platform for content creators, gamers,


    educators and bloggers on internet today.</dd>

    <dt><a href="https:instagram.com" target="blank">Instagram</a></dt>

    <dd>Instagram is a free, online photo-sharing application and social network


    platform.</dd>

    <dt><a href="https:twitter.com" target="blank">Twitter</a></dt>

    <dd>The professional thought sharing platform.</dd>

    </dl>

    </body>

    </html>
    Output: -

    You might also like