Home > Article > Web Front-end > What is the usage of ol tag in html

What is the usage of ol tag in html

WBOYOriginal: 2021-12-30 16:18:004294browse

In HTML, the ol tag is used to define an ordered list. The order of the list is displayed in numbers. The content in the list is defined by the li tag. The syntax is "

. ..
”; When the reversed attribute is set in the ol tag, the ordered list can be displayed in reverse order.

The operating environment of this tutorial: Windows 10 system, HTML5 version, Dell G3 computer.

What is the usage of ol tag in html

Use the

tag to define list options.

Can use CSS to render, unordered list, can use

The syntax is as follows:

<ol>
<li>...</li>
...
</ol>

The example is as follows:

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 
</body>
</html>

Output result:

What is the usage of ol tag in html

Recommended tutorial: "html video tutorial"

The above is the detailed content of What is the usage of ol tag in html. For more information, please follow other related articles on the PHP Chinese website!

html5 css html ul li

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：What is the html forced jump code?Next article：What is the html forced jump code?

See more

What is the usage of ol tag in html

Related articles