... HTML & Webpages ...

... Recommend this series to a friend.

MAKING NUMBERED & BULLETED LISTS

We start with numbered lists. I notice that if you are listing short sentences, which are no longer than the width of a page, there is no problem with just prefacing each sentence with a number dot number dot etc. They will all line up properly. You have a choice of ending each sentence with a <BR> tag or a <P> tag; that's up to you.

However, if you are numbering longer sentences (especially paragraphs), you don't want the numbers to blend into the text. What I mean by that is as follows:

1. I'll repeat. We start with numbered lists. I notice that if you are listing short sentences, which are no longer than the width of a page, there is no problem with just prefacing each sentence with a number dot number dot etc. They will all line up properly. You have a choice of ending each sentence with a <BR> tag or <P> tag; that's up to you.

2. However, if you are numbering longer sentences or paragraphs, you don't want the numbers to blend into the text (as in what you are looking at now). It would be preferable to have the numbers in one line with the text lined up next to it. And an example of this would be as follows:

  1. We start with numbered lists. I find that if you are listing short sentences, which are no longer than the width of a page, there is no problem with just prefacing each sentence with a number dot number dot etc. They will all line up properly. You have a choice of ending each sentence with a <BR> tag or <P> tag; that's up to you.

  2. However, if you are numbering longer sentences (especially paragraphs), you don't want the numbers to blend into the text (as in what you saw above). Now isn't it preferable to have the numbers in one line with the text lined up next to it? What you are reading now is a perfect example.

You will observe that it is also neatly tucked in like a list; the reason in html it is called an "ordered list" and the tag is <OL> </OL>. However, you have to add one addition tag before each sentence (or paragraph) ... the <LI> tag.

Note ... when using these tags, if you are just moving to the next line, there is no need for the <BR> tag. It moves by itself. But if interested in skipping a line (for paragraphs), the <P> tag is needed.

And what about bullets? Glad you asked, they are made by using the "unordered" tags" ... <UL> </UL> ... again using the <LI> tag before each sentence or paragraph. So in either case, the format will look like this:

<OL>
<LI> Sentence or Paragraph 1
<LI> Sentence or Paragraph 2
<LI> Sentence or Paragraph 3
</OL> <P>

The bulleted list would be the same except for using <UL> </UL> tags. Again, keep in mind that I made spaces only to make it easier for you to see the tags.

If you are concerned about centering these lists, using the "center" tags on the page won't make the items in the list line up nicely, so instead of the "center" tags put a few <UL> tags at the beginning of the list and the same amount of </UL> tags at the end of the list. This will move the list closer to the center of the page. The amount you use depends on how far you want to move it. The same applies for the <OL> </OL> tags. It works; I just did it. And your list would look like this:

          1. Four score and seven years ago
          2. our fathers brought forth on this continent
          3. a new nation, conceived in liberty,
          4. and dedicated to the proposition
          5. that all men are created equal.

I'm having a good time with this (writing this with "ms word" and then using the "find/replace" feature with the brackets), so I'll show you exactly what I did:

<OL> <OL> <OL> <OL> <OL>
<LI> Four score and seven years ago
<LI> our fathers brought forth on this continent
<LI> a new nation, conceived in liberty,
<LI> and dedicated to the proposition
<LI> that all men are created equal.
</OL> </OL> </OL> </OL> </OL> <P>

And again, the bulleted list would be the same except for using <UL> </UL> tags, and keep in mind that the spaces are to make it easier for you to see the tags.

<UL> <UL> <UL> <UL> <UL>
<LI> Four score and seven years ago
<LI> our fathers brought forth on this continent
<LI> a new nation, conceived in liberty,
<LI> and dedicated to the proposition
<LI> that all men are created equal.
</UL> </UL> </UL> </UL> </UL> <P>

Will give you:


And we continue on the … Next Page … we'll play with tables.

Return to ... Navigator ... that's it.

1