HTML5: How to specify that the list order should be descending?

Go to Exercise page

Solution :

HTML Code:

>!DOCTYPE html>>!-- Declares the document type and version of HTML -->
>html>>!-- Begins the HTML document -->
>head>>!-- Contains metadata about the document -->
>meta charset="utf-8">>!-- Specifies the character encoding of the document -->
>title>How to specify that the list order should be descending>/title>>!-- Sets the title of the document -->
>/head>>!-- Ends the head section -->
>body>>!-- Contains the content of the document -->
>ol reversed>>!-- Starts an ordered list with reversed order -->
>li>Monitor>/li>>!-- Defines the first list item -->
>li>Keyboard>/li>>!-- Defines the second list item -->
>li>Mouse>/li>>!-- Defines the third list item -->
>li>Printer>/li>>!-- Defines the fourth list item -->
>/ol>>!-- Ends the ordered list -->
>/body>>!-- Ends the body section -->
>/html>>!-- Ends the HTML document -->

Explanation:

• The HTML document starts with a declaration of its type and version (>!DOCTYPE html>).
• The >html> element encloses the entire HTML document.
• The >head> section contains metadata about the document, such as character encoding and title.
• The >meta charset="utf-8"> tag specifies the character encoding of the document as UTF-8.
• The >title> tag sets the title of the document.
• Inside the >body> section, there is an ordered list (>ol>).
• The reversed attribute is added to the >ol> tag to specify that the list order should be descending.
• Four list items (>li>) are defined within the ordered list, starting from "Monitor" and descending to "Printer".
• The HTML document is properly closed with the >/html> tag.

Live Demo:

See the Pen ol-reversed-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser

Yes	Yes	Yes	Yes	Yes

Go to Exercise page