Scribd Logo
Upload

Welcome to Scribd!

  • Government College of Engineering, Nagpur: Vishal Suresh Kesharwani 2021-2022

    Uploaded by

    Vishal Kesharwani
    10 views4 pages
    The document provides instructions for a practical assignment to develop an HTML document using ordered, unordered, and definition lists with attractive formatting. It includes the aim, required resources, theoretical background on different HTML lists and how to specify background color and text color. The program code section demonstrates an example HTML page using the different lists and formatting background and text colors.

    Original Description:

    Original Title

    pr 2

    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
    The document provides instructions for a practical assignment to develop an HTML document using ordered, unordered, and definition lists with attractive formatting. It includes the aim, required resources, theoretical background on different HTML lists and how to specify background color and text color. The program code section demonstrates an example HTML page using the different lists and formatting background and text colors.

    Copyright:

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

    Government College of Engineering, Nagpur: Vishal Suresh Kesharwani 2021-2022

    Uploaded by

    Vishal Kesharwani
    The document provides instructions for a practical assignment to develop an HTML document using ordered, unordered, and definition lists with attractive formatting. It includes the aim, required resources, theoretical background on different HTML lists and how to specify background color and text color. The program code section demonstrates an example HTML page using the different lists and formatting background and text colors.

    Copyright:

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

    Government College of Engineering, Nagpur

    Department of Computer Science & Engineering


    Practical LAB Manual Solutions (2021-22)
    IIIrd Semester

    Subject:
    COMPUTER WORKSHOP- I
    Branch : CSE { DIRECT SECOND YEAR }
    Name: Vishal Suresh Kesharwani Enrolment No.
    Batch: 2021-2022 Subject Teacher: Chandrayani Rokde

    PRACTICAL NO.02

    AIM:-- Develop an HTML document for a web page using Ordered, Unordered and Definition list.
    Design web page using attractive background color, text color and background image.
    RESOURCES REQUIRED:

    Sr no. Resource name Specifications Quantity


    1. Computer Desktop or Laptop with 4Gb RAM, Windows 7 1
    System or greater OS installed, 500GB SSD or 1TB
    HDD

    2. Software Browser, Notepad or any other text editor or IDE ---

    THEORETICAL BACKGROUND:
    HTML Lists
    HTML lists allow web developers to group a set of related items in lists.
    Example
    An unordered HTML list:
     Item
     Item
     Item
     Item
    An ordered HTML list:
    1. First item
    2. Second item
    3. Third item
    4. Fourth item
    Unordered HTML List
    An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
    The list items will be marked with bullets (small black circles) by default:
    Example
    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>
    Ordered HTML List
    An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
    The list items will be marked with numbers by default:
    Example
    <ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>
    HTML Description Lists
    HTML also supports description lists.
    A description list is a list of terms, with a description of each term.
    The <dl> tag defines the description list, the <dt> tag defines the term (name), and the
    <dd> tag describes each term:
    Example
    <dl>
    <dt>Coffee</dt>
    <dd>- black hot drink</dd>
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
    </dl>
    HTML List Tags
    Tag Description
    <ul> Defines an unordered list
    <ol> Defines an ordered list
    <li> Defines a list item
    <dl> Defines a description list
    <dt> Defines a term in a description list
    <dd> Describes the term in a description list
    Background Color
    You can set the background color for HTML elements:
    Hello World
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
    tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
    quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
    consequat.

    Example
    <h1 style="background-color:DodgerBlue;">Hello World</h1>
    <p style="background-color:Tomato;">Lorem ipsum...</p>
    Text Color
    You can set the color of text:

    Hello World
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
    tincidunt ut laoreet dolore magna aliquam erat volutpat.

    Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
    aliquip ex ea commodo consequat.
    Example
    <h1 style="color:Tomato;">Hello World</h1>
    <p style="color:DodgerBlue;">Lorem ipsum...</p>
    <p style="color:MediumSeaGreen;">Ut wisi enim...</p>

    PROGRAM CODE:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Black Goose Bistro</title>
    </head>
    <body style="background-color:powderblue;">
    <marquee><h1 style="font-family:verdana;">Black Goose Bistro</h1></marquee>
    <h1><img src="https://encrypted-tbn0.gstatic.com/images?
    q=tbn:ANd9GcTBxy2bQsiptn6U2YCggPrgfSY0KxWcmTyasg&usqp=CAU"><br>Black
    Goose Bistro</h1>
    <h2 style="color:blue;">The Restaurant</h2>.
    <p>The Black Goose Bistro offers casual lunch and
    dinner fare in a hip atmosphere. The menu changes
    regularly to highlight the freshest ingredients.
    </p>
    <center><b>Catering</b> </center><hr>
    <p> You have fun... <em>we'll handle the cooking
    </em>. Black Goose Catering can handle events
    from snacks for bridge club to elegant corporate
    fundraisers.</p>
    <p>1005 Gravenstein Highway
    North <br />Sebastopol, CA
    95472</p>
    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>
    <ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>
    <dl>
    <dt>Coffee</dt>
    <dd>- black hot drink</dd>
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
    </dl>
    </body>
    </html>

    OUTPUT:

    You might also like