Home > Web Front-end > Front-end Q&A > What is the difference between ol and ul in html?

What is the difference between ol and ul in html?

青灯夜游
Release: 2021-11-17 10:22:49
Original
9560 people have browsed it

The difference between ol and ul: 1. ol is an ordered list; and ul is an unordered list. 2. The type attribute values ​​of ol and ul are different. The type attribute values ​​of ul include "disc", "circle", "square", etc., while the type attribute values ​​of ol include "1", "a", "A", "i", "I", etc.

What is the difference between ol and ul in html?

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

ul is an unordered list. As long as you give an example of the so-called unordered list, everyone will understand.

●This is the first list
●This is the second list
●This is the third list
●This is the fourth list

ol is an ordered list, give the same example.

1. This is the first list
2. This is the second list
3. This is the third list
4. This is the fourth list

This is the difference between ul and ol.

The symbols before ul and ol can be modified. Just modify their type values.

ul’s type attributes include: disc—solid circle (default), circle—hollow circle, square—solid square

ol’s type attributes include: 1—number (default), a— Lowercase letters, A—uppercase letters, i—lowercase Greek letters, I—uppercase Greek letters.

You can also change the symbols in front of them to images through CSS, so that the list display will be more beautiful.

Recommended tutorial: "html video tutorial"

The above is the detailed content of What is the difference between ol and ul in html?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template