CoderTools Web site

HTML Unordered Lists

Description


Unordered lists are straight lists with a graphical bullet. You can choose between different types of bullets using the type attribute. Each list item can have a different bullet.

Examples for <ul>

Example:
  • Hello from WebCodeGuide!
  • Nice list!
  • Last list item!
    
    <ul>
        <li>Hello from WebCodeGuide</li>
        <li>Nice list!</li>
        <li>Last list item!</li>
    </ul>Give it a go!


Circle bullets:
  • Hello from WebCodeGuide!
  • Nice list!
  • Last list item!
    
        <ul type="circle">
            <li>Hello from WebCodeGuide</li>
            <li>Nice list!</li>
            <li>Last list item!</li>
        </ul>Give it a go!

Alternating bullets:
  • Hello from WebCodeGuide!
  • Nice list!
  • Last list item!
    
        <ul type="square">
            <li type="circle">Hello from WebCodeGuide</li>
            <li type="disc">Nice list!</li>
            <li>Last list item!</li>
        </ul>Give it a go!


Attributes for <ul>


Name Values Description
type disc|circle|square Specifies the shape of the bullets of each list item


Attributes for <li>


Name Values Description
type disc|circle|square Specifies the shape of the bullets of a specific list item

8/17/2017 6:29:13 PM
Terms Of Use | Privacy Statement | Copyright 2006-2015 © Independence Software LLP