Every Ordered list begins counting with "1" by default. Every time you create a list, it automatically display "1" as first item. But what if you don't want a list to start with "1"? Is it possible for you to control what number it starts counting at?

Let's say you are explaining different features of a product on your web page. You list first 3 features, but then would like to stop for a moment and talk a little more about 3rd feature. You have to end list by using tag. Then you will add extra explanation about it in next 2-3 paragraphs.

Now, you want to continue with your list. Oops! But you already closed it. If you start a new list, it will automatically begin with "1" again. But you need it to start with "4", right?

Here is what you do:

4. This item will be number 4
5. The next one will be 5 and so on.

All I did was add word "value" and gave it a number. That number will start your list, and all following list items will be counted from there.

And here is sprinkles on frosting. And this will REALLY blow you off!

In an Unordered list bullets look different in each browser. If you would like to have control over how bullets look on your web site, you can specify their type (options are - square, circle, and disc):

• This item has a black circle bullet
• The next one has empty circle as a bullet
• The last one looks like a square

So there you have it. Three types of lists that you can mix, match, combine and completely control with enough practice and experimentation. Use them often. Especially when you have long web pages filled with text. Be easy on your readers' eyes and they will be more likely to read what you have to say.

Milana Leshinsky is the author of web design manuals for new and intermediate level webmasters. Her latest e-book "Mesmerizing Website Power" includes 65 web design tutorials, and a special report on how to design and lay out your web site to sell more of your products, "Web Design Psychology & Asthetics". Check it out at: http://www.instantwebanswers.com/?html-lists

.Bring Your Cursor Here and See The Image .

. .

After this comes quintessential JavaScript that actually performs act. In between I've inserted comments using way they are used in JavaScript, that is, using //.

.

So this is how it works!