Ordered lists in HTML - Cheat Sheet & Quick Revision

Recall & Review

beginner

What HTML tag is used to create an ordered list?

The <ol> tag is used to create an ordered list in HTML.

beginner

How do you mark each item inside an ordered list?

Each item inside an ordered list is marked with the <li> tag.

beginner

What is the default numbering style of an ordered list?

The default numbering style of an ordered list is decimal numbers starting from 1 (1, 2, 3...).

intermediate

How can you change the numbering style of an ordered list?

You can change the numbering style by using the type attribute on the <ol> tag, for example: type="A" for uppercase letters or type="i" for lowercase Roman numerals.

intermediate

Why is it important to use semantic tags like <ol> for ordered lists?

Using semantic tags like <ol> helps browsers and assistive technologies understand the content structure, improving accessibility and SEO.

Which tag starts an ordered list in HTML?

A <li>

B <ul>

C <list>

D <ol>

The <ol> tag is used to start an ordered list, while <ul> is for unordered lists.

What tag is used for each item inside an ordered list?

A <li>

B <ol>

C <item>

D <listitem>

Each list item inside an ordered list uses the <li> tag.

What is the default numbering style of an ordered list?

A Decimal numbers

B Roman numerals

C Uppercase letters

D Bullets

Ordered lists default to decimal numbers (1, 2, 3...).

How do you change an ordered list to use uppercase letters?

A Add <code>style="uppercase"</code> to <code>&lt;ol&gt;</code>

B Add <code>type="A"</code> to <code>&lt;ol&gt;</code>

C Add <code>list-style: uppercase;</code> in CSS

D Use <code>&lt;ul&gt;</code> instead

The type="A" attribute on <ol> changes numbering to uppercase letters.

Why should you use semantic tags like <ol> instead of just styling text?

A It makes the page load faster

B It hides the list from screen readers

C It improves accessibility and helps browsers understand content

D It changes the font automatically

Semantic tags improve accessibility and help browsers and assistive tools understand the page structure.

Explain how to create a simple ordered list in HTML and how to change its numbering style.

Think about the tags and attributes involved.

Why is using an ordered list tag better than just typing numbers manually in HTML?

Consider what happens if you add or remove items.