Unordered Lists

In it instead of number, different types of bullets are prefixed to each list item.

An unordered list starts with the opening tag <ul> and ends with the closing tag </ul>. Each individual item in the list is nested inside the opening tag <ul> and the closing tag </ul>. Also, each individual item is contained in the opening <li> and closing </li> tags similar to the ordered list as shown

HTML code <ul> <li>One</li> <li>Two</li> <li>Three</li> </ul>

Browser output

The <ul> and <li> elements can carry all the universal attributes and UI event attributes. But it also has the type attribute

type attribute – It is used to change the style of the bullets and its options are

• disc – displayed as a small, filled-in circle
• circle – displayed as an open circle
• square – displayed as filled-in square

By default unordered lists use the disc style, which is usually represented as a small, filled-in circle. However, if unordered lists are nested —that is, if an unordered list is included in another unordered list—the default value changes.

Apply for HTML Certification

https://www.vskills.in/certification/certified-html-designer

Back to Tutorials