using order list in HTML
  • Order list is a container element its is represent by (OL) use for making list in sequence

    There are 5 Types of order list
    • Decimal    (By Default)
    • lower-alpha
    • upper-alpha
    • lower-roman
    • upper-roman

    <HTML>
    <BODY>
    <H1> Making Order List </H1>
    <OL>
    <LI> Milk </LI>
    <LI> Tea </LI>
    <LI> Coffee </LI>
    </OL>
    </BODY>
    </HTML>

    the result shows on your web browser like this.

    image

    Note: By Default its shows numbers in Ordered List..

    Now try Order list types

    upper-alpha

    <HTML>
    <BODY>
    <H1> Making Order List </H1>
    <OL style="list-style-type:upper-alpha">
    <LI> Milk </LI>
    <LI> Tea </LI>
    <LI> Coffee </LI>
    </OL>
    </BODY>
    </HTML>

    the result shows on your web browser like this.

    image

    lower-alpha

    <HTML>
    <BODY>
    <H1> Making Order List </H1>
    <OL style="list-style-type:lower-alpha">
    <LI> Milk </LI>
    <LI> Tea </LI>
    <LI> Coffee </LI>
    </OL>
    </BODY>
    </HTML>

    the result shows on your web browser like this.

    image

    upper-roman

    <HTML>
    <BODY>
    <H1> Making Order List </H1>
    <OL style="list-style-type:upper-roman">
    <LI> Milk </LI>
    <LI> Tea </LI>
    <LI> Coffee </LI>
    </OL>
    </BODY>
    </HTML>

    the result shows on your web browser like this.

    image

    lower-roman

    <HTML>
    <BODY>
    <H1> Making Order List </H1>
    <OL style="list-style-type:lower-roman">
    <LI> Milk </LI>
    <LI> Tea </LI>
    <LI> Coffee </LI>
    </OL>
    </BODY>
    </HTML>

    the result shows on your web browser like this.

    image
    hussainroyal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, or you want to Ask a new Question, Please Login or Create a new Account by Clicking below

Login with Facebook

Popular Posts of the Week

Top Posters Weekly

Optimum Creative