HTML: create ordered lists in HTML

Ordered HTML lists, also called numbered lists, are the reciprocal of unordered lists: they structure bullets hierarchically and alphanumerically. Each ordered list starts with the HTML tag

and ends with the tag . Les listes numérotées présentent l’avantage d’une meilleure clarté et d’un design plus lisible.

Qu’est-ce qu’une liste ordonnée HTML ?

Une HTML Ordered List désigne une liste ordonnée dans un document HTML ; elle représente une séquence numérotée d’éléments de liste. Une telle liste est créée avec la balise

and each item in the list is marked with the tag
1. (List Itemor list element). By default, each element within the tag (or tag) HTML
   is numbered in ascending order; but there are other numbering possibilities, such as letters or Roman numerals.

   Ordered HTML lists are characterized by a fixed, meaningful and hierarchical enumeration order. The points on the list cannot and should not follow one another haphazardly, but express semantics thanks to the clear logic of their order.

   Advice

   The ordered HTML list is part of the group of HTML lists: its counterpart is the unordered HTML list, in which the different elements of the list are listed without being numbered. There is a third variation, the definition list (also called a description list), which is specifically designed to structure terms and their explanations or definitions.

   Why are lists important for SEO?

   The clear structuring of HTML documents plays an important role in the search engine optimization and accessibility of a website. A text well structured, logical and varied is as important to SEO as keywords or HTML meta tags. HTML ordered lists are among the most important layout elements you have in HTML, along with headings, subheadings, and boldface.

   Domain name

   Your domain in one click

   • 1 Wildcard SSL certificate per contract
   • Included Domain Connect feature for simplified DNS setup

   Continue

   When to use an ordered HTML list?

   Common applications of ordered lists include:

   • Step by step instructions/tutorials
   • Rankings/lists of best practices
   • The flow or sequences of work processes
   • Hierarchical enumerations (for example, ingredients in a recipe)

   To give your texts a clear structure thanks to ordered list elementsyou need the following HTML tags:

   • : marks the start of an ordered list
     1. : marque la fin d’une liste ordonnée
     3. : starts a list item

     : ferme un élément de liste

   La syntaxe d’une liste ordonnée se présente comme suit :

   
   Premier élément de la liste
   Deuxième élément de la liste
   Troisième élément de la liste 
   Quatrième élément de la liste
   ...
   

   html

   Unless otherwise specified in the HTML document, browsers default to Arabic numerals in ascending order.

   Web Hosting

   State-of-the-art web hosting at the best price

   • 3x faster, 60% savings
   • High availability >99.99%
   • Only at IONOS: up to 500 GB included

   See the offer

   If you want to set the enum type or starting value, you need special HTML attributes that allow you to set an enum with numbers and letterswith a starting value Or in reverse order.

   Set enum type with type

   To define the enum typeadd the attribute type to the HTML tag

   as follows:

    
   Premier élément de la liste
   Deuxième élément de la liste
   ...
   

   html

   You can replace the wildcard X by numbers, letters or roman numeralsaccording to your needs:

   • type=1 : sets the bulleted list with Arabic numerals starting at 1 (default unless otherwise specified)
   • type=A : defines the enumeration in capital letters starting with A
   • type=a : defines the enumeration in lowercase letters starting with a
   • type=i Or type=I : defines the enumeration in lowercase Roman numerals (i, ii, iii, iv…) or uppercase (I, II, III, IV…)

   Set seed value with attribute start

   If you want the list not to start with "1" or "A", you can set a custom starting value in the following way:

   
   Premier élément de la liste
   Deuxième élément de la liste
   ...
   

   html

   Here you replace X by the value from which the enumeration should start. If you want to start the enumeration from number 5 in ascending order, the appropriate code is:

   
   Premier élément de la liste
   Deuxième élément de la liste
   ...
   

   html

   Reverse enumeration with reversed

   For reverse the counting direction of the listi.e. in descending order instead of ascending order, use the statement reversed. The syntax is as follows:

   
   Premier élément de la liste
   Deuxième élément de la liste
   ...
   

   html

   Depending on the size of the list, counting starts at the largest value and goes down to 1.