Scribd Logo
Upload

Welcome to Scribd!

  • 276 views

    P R Gangoda: Industrial Training Institute - Demonstration Plan

    Uploaded by

    rakesh19865
    This document provides instructions for creating ordered and unordered lists in HTML. It explains how to use the <ul> and <ol> tags to define unordered and ordered lists, respectively. It also describes how to use the style and type attributes to control the bullet style for unordered lists and numbering style for ordered lists. Students are assigned to create an HTML file with an unordered list of games and an ordered list of movies as an example.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    P R Gangoda: Industrial Training Institute - Demonstration Plan

    Uploaded by

    rakesh19865
    276 views2 pages
    This document provides instructions for creating ordered and unordered lists in HTML. It explains how to use the <ul> and <ol> tags to define unordered and ordered lists, respectively. It also describes how to use the style and type attributes to control the bullet style for unordered lists and numbering style for ordered lists. Students are assigned to create an HTML file with an unordered list of games and an ordered list of movies as an example.

    Original Title

    Class Notes Computer 1

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document provides instructions for creating ordered and unordered lists in HTML. It explains how to use the <ul> and <ol> tags to define unordered and ordered lists, respectively. It also describes how to use the style and type attributes to control the bullet style for unordered lists and numbering style for ordered lists. Students are assigned to create an HTML file with an unordered list of games and an ordered list of movies as an example.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    276 views2 pages

    P R Gangoda: Industrial Training Institute - Demonstration Plan

    Uploaded by

    rakesh19865
    This document provides instructions for creating ordered and unordered lists in HTML. It explains how to use the <ul> and <ol> tags to define unordered and ordered lists, respectively. It also describes how to use the style and type attributes to control the bullet style for unordered lists and numbering style for ordered lists. Students are assigned to create an HTML file with an unordered list of games and an ordered list of movies as an example.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 2

    INDUSTRIAL TRAINING INSTITUTE ____________

    F:TRG:08 DEMONSTRATION PLAN


    S.I. Name : P.R.GANGODA Sem No. :1 Week No. :
    Syllabus year : 2014 Unit/Block No.: Lesson no. :
    Trade : COPA Date : Demo no :
    ht

    Aim : Create List in html


    Objectives : At the end of this student will be able to
    tp

     Create an unordered list in an html page


    ://

     Create an ordered list in an html page.


    w

    Aids : Computer System and its Accessories.


    ww

    Preparation :
    (a) Material :
    (b) Tools & Equipment : Working Computer System with Accessories
    .bi

    (c) Other Requirements : Power Supply 230 volts


    Review : HTML is a markup language for describing web documents (web pages).
    tso P

    Link : Hyper Text Markup Language is language which is used to create web pages. Web
    Browser like Internet Explorer, Netscap navigator are used to view this HTML files.
    fc R

    Motivation :HTML is useful to create web page, web application. Using HTML user can view or
    put images, data, videos etc. at online.
    om G

    Presentation:
    Procedure(Do) Questions/Hints
    pu an

    Creat list in html: For unordered list


     Boot the computer
    ter go

     Open notepad and type following code


    <html> Style Description
    .bl da

    list-style- The list


    <head> type:disc items will
    <title>
    og

    be marked
    Bits of Computer-COPA with bullets
    sp

    </title> (default)
    list-style- The list
    </head>
    o

    type:circle items will


    <body>
    t.c

    be marked
    <h1> Un ordered list </h1> with circles
    om

    <ul style="list-style-type:disc"> list-style- The list


    type:square items will
    <li>Coffee</li>
    be marked
    /p

    <li>Tea</li> with
    <li>Milk</li> squares
    /co

    </ul> list-style- The list


    type:none items will
    <hr/>
    pa

    not be
    <h1> Ordered list</h1> marked
    <ol type="1">
    .ht

    <li>Coffee</li>
    m

    <li>Tea</li>
    <li>Milk</li>
    l

    </ol>
    </body>
    </html>

     Save notepad text file as list.html


    For ordered list
     Open heading.html using browser
     Output will be as follow: Type Description
    type="1" The list items
    will be
    numbered
    with numbers
    (default)
    type="A" The list items
    ht

    will be
    numbered
    tp

    with
    ://

    uppercase
    letters
    w

    type="a" The list items


    will be
    ww

    numbered
    with
    lowercase
    .bi

    letters
    type="I" The list items
    tso P

    will be
    numbered
    Output
    fc R

    with
    uppercase
    om G

    roman
    numbers
    type="i" The list items
    pu an

    will be
    numbered
    ter go

    with
    lowercase
    .bl da

    roman
    numbers
    og

    Application:
    Summary:
    sp

     Use the HTML <ul> element to define an unordered list


     Use the HTML style attribute to define the bullet style
    o

     Use the HTML <ol> element to define an ordered list


    t.c

     Use the HTML type attribute to define the numbering type


    om

     Use the HTML <li> element to define a list item

    Assignment :
    /p

    • Create unordered list which display your favorite game name in html and save as game.html.
    /co

    • Create ordered list which display your favorite movie name in html and save as movie.html.
    pa

    Next Demonstration:
    .ht
    m
    l

    You might also like