List item

					                            LIST ITEM (BULLET and Numbering)
There are two kinds of list items is a list of items unordered (bulleted) and ordered the item
list (numbering).

Examples of unordered list items (bulleted):
    Item pertama
    Item kedua
    Item ketiga
Sample list of items ordered (numbering):
   1. Item pertama
   2. Item kedua
   3. Item ketiga
   4.
To create unordered list of items we use <ul> tag is to create a sequential list of items used
<ol> tag. As each item is marked with a tag <li>.

Here's the source code for the unordered list items above:

<ul>
<li>item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
</ul>

And here's the source code for a list of items ordered above:

<ol>
<li>item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
</ol>

We can also create a list item or list item storied in the list of items. Examples are as follows:
   Item pertama
   Item kedua
           o   sub item pertama
           o   sub item kedua
                    sub sub item pertama
                    sub sub item kedua
                    sub sub item ketiga
           o sub item ketiga
      item ketiga
To create a multilevel list of items as above with no additional tag or attribute anything. Has
to do is put the tags into lower-level list item in the list at the top level items. For clarity this
is what the source code:

<ul>
<li>item pertama</li>
<li>item kedua</li>
<ul>
<li>sub item pertama</li>
<li>sub item kedua</li>
<ul>
<li>sub sub item pertama</li>
<li>sub sub item kedua</li>
<li>sub sub item ketiga</li>
</ul>
<li>sub item ketiga</li>
</ul>
<li>item ketiga</li>
</ul>

Writing HTML code above we deliberately give a little space inside, to make it easier to read
and understand the level where the first, second and so on. Actually, without giving a space,
the results in the browser will still use a little space inside to levels below it.

Performed the same way to make multilevel sequential list of items. We only replace the tag
with the tag <ol> <ul> then the result will be like this:

    1. item pertama
    2. item kedua
           1. sub item pertama
           2. sub item kedua
                   1. sub sub item pertama
                   2. sub sub item kedua
                   3. sub sub item ketiga
           3. sub item ketiga
    3. item ketiga

From the example of unordered list of items that rise above, we see that by default, the
browser will display the image (bullet) black dots for the first level items, circle the items to
for the second level, and black boxes for the items level third. Actually we can choose what
type of bullet that we want to use to add a TYPE attribute in the tag <ul>. The formula: <ul
TYPE="jenis bullet">. Where there are three kinds of bullet name: "disc" for the black dots,
"circle" to the circle, and "square" for black kotam. So if we want to list these items:

       item pertama
       item kedua
       item ketiga


Then we write the HTML code as follows:

<ul type="square">
<li>item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
</ul>

For a list of items ordered (numbering), type the numbers can be changed by using the same
attributes. So the formula: <ol TYPE="jenis angka">. While the types of numbers are filled
with numbers 1, A, a, i, or i depending on our tastes. Example:
<ol type="I">
<li>item pertama</li>
<li>item kedua</li>
<ol type="A">
<li>sub item pertama</li>
<li>sub item kedua</li>
<ol type="1">
<li>sub sub item pertama</li>
<li>sub sub item kedua</li>
<li>sub sub item ketiga</li>
</ol>
<li>sub item ketiga</li>
</ol>
<li>item ketiga</li>
</ol>

Will produce a list of items as follows:


   I.   item pertama
  II.   item kedua
            A. sub item pertama
            B. sub item kedua
                    1. sub sub item pertama
                    2. sub sub item kedua
                    3. sub sub item ketiga
            C. sub item ketiga
 III.   item ketiga