Software, your way.
burger menu icon
WillMaster

WillMaster > LibraryWeb Content Preparation

FREE! Coding tips, tricks, and treasures.

Possibilities weekly ezine

Get the weekly email website developers read:

 

Your email address

name@example.com
YES! Send Possibilities every week!

Breaking up an Ordered List

An ordered list is one created with the HTML ol tag. Example:

Examples:

  1. Red
  2. Blue
  3. Gold

The list numbering sequence can start at any point. Example:

  1. Red
  2. Blue
  3. Gold

A reason to use the technique is when an introductory paragraph (or several) describes a step or steps in a procedure. The rest of the steps are presented in an ordered list with a numbering sequence starting at the logical point.

Illustration:

The first thing to do when making cookies is to turn the oven on so it can preheat. Then, second, stir the ingredients together to make the cookie dough. After that,

  1. Put cookie dough on a cookie sheet.
  2. Bake the cookies.
  3. Let them cool a bit.
  4. Eat them.

Another reason to use the technique is when a list of items are all related but an explanation at the point it's needed is placed within the list.

Illustration:

How to paint a wall:

  1. Open paint can.
  2. Dip paint brush into paint the depth of a finger width.
  3. Touch the brush to the inside edge of the can to catch any paint that might be dripping.

The way to stroke a paint brush onto the surface to be painted depends on the surface. If it's a wood surface, stroking with the grain generally does the best job. With manufactured surfaces, stroke with grooves or other surface changes.

  1. Stroke the brush onto the surface with a light hand.
  2. Repeat the dip-to-stroke steps as needed until the job is done.
  3. Close paint can.
  4. Clean the brush.

How to Do It

There is an attribute for the HTML ol ordered list tag called start. It specifies the starting number of the list items.

Example: <ol start="5">

This HTML:

<ol start="5">
<li>Respect</li>
<li>Confidence</li>
<li>Perception</li>
</ol>

Renders as:

  1. Respect
  2. Confidence
  3. Perception

You may have heard that the start attribute is deprecated.

Here's the real story: HTML 4.01 deprecated start and HTML 5 brought it back.

So there has been some confusion — one person reads the HTML 4.01 specs and says start is deprecated, and another person reads the HTML 5 specs and says start is in the specs. (See https://html.spec.whatwg.org/multipage/grouping-content.html#attr-ol-start.)

The fact is that major browsers never stopped supporting start. Therefore, it is generally OK to just keep on using it.

However, if you use HTML 4.01 and put your source code through a validator, the validator is likely to complain about start tags. If you use HTML 5, the validator won't flag start tags. (To specify HTML 5, use <!DOCTYPE html> as the first line of your HTML source code. Click for tips related to other HTML and XHTML versions.)

Now you know the simplicity of it. To start sequential numbering at a point other than the normal beginning, use the start attribute.

(This article first appeared with an issue of the Possibilities newsletter.)

Will Bontrager

Was this article helpful to you?
(anonymous form)

Support This Website

Some of our support is from people like you who see the value of all that's offered for FREE at this website.

"Yes, let me contribute."

Amount (USD):

Tap to Choose
Contribution
Method

All information in WillMaster Library articles is presented AS-IS.

We only suggest and recommend what we believe is of value. As remuneration for the time and research involved to provide quality links, we generally use affiliate links when we can. Whenever we link to something not our own, you should assume they are affiliate links or that we benefit in some way.

How Can We Help You? balloons
How Can We Help You?
bullet Custom Programming
bullet Ready-Made Software
bullet Technical Support
bullet Possibilities Newsletter
bullet Website "How-To" Info
bullet Useful Information List

© 1998-2001 William and Mari Bontrager
© 2001-2011 Bontrager Connection, LLC
© 2011-2024 Will Bontrager Software LLC