Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 2 views

    HTML Lists

    Uploaded by

    O.I.N

    Copyright:

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

    HTML Lists

    Uploaded by

    O.I.N
    2 views8 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    2 views8 pages

    HTML Lists

    Uploaded by

    O.I.N

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    You are on page 1of 8

    HTML Lists

    HTML lists allow web developers to


    group a set of related items in lists.
    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:

    <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:

    <ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>
    Unordered HTML List - Choose List Item Marker
    The CSS list-style-type property is used to define the style of the list item
    marker. It can have one of the following values:

    Value Description

    disc Sets the list item marker to a


    bullet (default)
    circle Sets the list item marker to a
    circle
    square Sets the list item marker to a
    square
    none The list items will not be
    marked
    <ul style="list-style-
    type:disc;">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>
    <ul style="list-style-
    type:circle;">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>
    <ul style="list-style-
    type:square;">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    <ul style="list-style-
    type:none;">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>
    Nested HTML Lists
    • Lists can be nested (list inside list):

    <ul>
    <li>Coffee</li>
    <li>Tea
    <ul>
    <li>Black tea</li>
    <li>Green tea</li>
    </ul>
    </li>
    <li>Milk</li>
    </ul>

    You might also like