List in HTML

This guide covers list in HTML with practical context and easy-to-follow details. Use it to understand the subject and apply the information confidently.

List of types arranged in HTML

The unordered list starts with a card

,

Each item will start with a cardI >. I>. Mac inh truoc moi muc la hinh thoi. The default before each item is diamond.

• Tea

• Country

• The coffee

Select the character mark in the beginning of the unordered list

CSS propertieslist-style-typeIs used to define the first line character.

• Disc - rhombus (default)
• Circle - circle
• Square - square
• None - no characters used

• Tea

• Country

• The coffee

• Tea

• Country

• The coffee

• Tea

• Country

• The coffee

• Tea

• Country

• The coffee

List of types arranged in HTML

This type of list starts with a card

,

Each item in the list starts with a card

By default, each item is marked with a serial number.

• Tea

• Country

• The coffee

Select the character mark in the top of the sorted list

Type attribute of the tagDefines the type of character used to mark a line.

• Type = '1' ordinal number (default)
• Type = 'A' uppercase letters
• Type = 'a' lowercase letters
• Type = 'I' romanized number
• Type = 'i' romanized code is lower

• Tea

• Country

• The coffee

• Tea

• Country

• The coffee

• Tea

• Country

• The coffee

• Tea

• Country

• The coffee

• Tea

• Country

• The coffee

List of descriptive types in HTML

This is a list of terms with descriptions for each term. Card

Used to define description lists, tagsDefinition of terms (names) and tagsUsed to describe.

 Cà phê
 - th?c u?ng màu ?en
 S?a
- th?c u?ng màu tr?ng

List of nested HTML

List in HTML can be nested (nested list in list)

• The coffee

• Tea

• Green tea

• Jasmine tea

• Milk

Note: Items in the list may contain lists or other HTML elements such as images, links.

Control the count in the list

By default, the sort list will start counting from 1. If you want to count from another number, you use thestart.Attributestart.

• Tea

• Country

• The coffee

Create a list with CSS

HTML lists can be created in many ways, the common way is to do horizontally to create navigation menus.

• Home page

• News

• Phonebook

• About us

Previous post: Table in HTML

The following article: Block and inline elements in HTML

FAQ

What should I check before following these steps?

Confirm device and software compatibility, save important data, and make sure you have the required permissions, files, and account access.

Why might the process not work?

Common causes include outdated software, missing permissions, incompatible hardware, an unstable connection, or completing a step in the wrong order.

Can I undo the changes if necessary?

That depends on the tool or setting. Use built-in restore options when available, keep a backup, and record the original configuration first.