7. The reversed Attribute
The reversed attribute makes an ordered list count down rather than up.
Example
<ol reversed>
<li>Third item</li>
<li>Second item</li>
<li>First item</li>
</ol>For three list items, the browser normally displays 3, 2 and 1.
Example: Countdown List
<h2>Launch Countdown</h2>
<ol reversed>
<li>Final checks</li>
<li>Deployment</li>
<li>Launch</li>
</ol>When reversed is present, the default starting number depends on the number of list items unless a start value is specified.
For example, reversed="reversed" is valid HTML syntax, but reversed alone is the conventional concise form in HTML.
8. The value Attribute on li
The value attribute on an li inside an ordered list sets the item's ordinal value. Subsequent items continue from that value according to the list's counting direction.
Example
<ol>
<li>First item</li>
<li>Second item</li>
<li value="10">Tenth item</li>
<li>Eleventh item</li>
</ol>The numbering is 1, 2, 10 and 11.
This is useful when continuing a numbered sequence after a gap or preserving numbering across related portions of a document.
Example: Explicit List Numbering
<ol>
<li>Prepare the project</li>
<li>Write the HTML</li>
<li value="5">Run final tests</li>
</ol>The third item displays as item 5. The value attribute is a semantic numbering control, not a CSS styling property.
9. Nested Lists
A nested list is a list placed inside a list item of another list. Nested lists represent hierarchical relationships such as categories, subcategories, course modules and topics.
Correct Syntax
<ul>
<li>Frontend Development
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</li>
<li>Backend Development
<ul>
<li>PHP</li>
<li>Laravel</li>
<li>Node.js</li>
</ul>
</li>
</ul>Each nested ul is inside the li to which it belongs.