HTML: Create numbered list - how it works

Punctuated lists are good, numbered lists even better in some cases. Fortunately, this is also quite easy in HTML. Our guide explains which code tags you need to do this.

Numbered lists are among the simplest HTML exercises.

HTML distinguishes between two types of lists: <ol> stands for "ordered list", <ul> for "unordered list". The former is the numbered list.

HTML: Create numbered list with <ol>tag

You create a numbered HTML list as follows:

1. Start the first bullet point with <ol><li> and end it with </li>. The <li>tag stands for "list item" and defines each individual bullet point of the numbered list.
2. Following the first bullet point, you consequently define further bullet points in exactly the same way, i.e. with <li>content</li>.
3. First after the last bullet point, you close the numbered list with </ol>.

In total, the code for a numbered HTML list looks like this:<ol><li>Item 1</li><li>Item 2</li><li>Item 3</li><li>Item 4</li></ol>Of course, this applies to any number of items; the system always remains the same. In der visuellen Ausgabe werden die Listenpunkte automatisch durchnummeriert, beginnend mit der 1, falls nicht anders angegeben.