Updates
  • Starting New Weekday Batch for Full Stack Java Development on 27 September 2025 @ 03:00 PM to 06:00 PM
  • Starting New Weekday Batch for MERN Stack Development on 29 September 2025 @ 04:00 PM to 06:00 PM
Number Converter Enquire Now
Join Course

Unordered List

• Unordered lists in HTML are used to create lists with bullet points.
• To create an unordered list, you use the <ul> tag as the container and <li> tags for each list item.
• The <ul> tag stands for "unordered list," and the <li> tag stands for "list item".
• Each list item is represented by a bullet point, making it easy to present information in a visually appealing manner.
• You can use CSS to customize the appearance of the bullet points, such as changing the color, size, or style. 

            
<!DOCTYPE html>
<html>
   <head>
      <title>HTML Unordered List</title>
   </head>
   <body>
      <h2>Unordered List</h2>
      <ul>
         <li>Tomato</li>
         <li>Potato</li>
         <li>Onion</li>
         <li>Garlic</li>
      </ul>
   </body>
</html>

Type attribute in Unordered List

• The type attribute is used in unordered lists <ul> to specify the style of the bullet points used for list items.
• It allows you to customize the appearance of the bullets in the list.
• The common values for the type attribute are "disc" (default filled circle), "circle" (hollow circle), and "square" (filled square).
• By default, unordered lists use "disc" as the bullet style.
• To apply a different bullet style, add the type attribute to the <ul> tag and set it to the desired value, like <ul type="square">. 

            
<!DOCTYPE html>
<html>
   <head>
      <title>HTML Unordered List</title>
   </head>
   <body>
      <h2>Type Attribute Unordered List</h2>
      <ul type="square">
         <li>Tomato</li>
         <li>Potato</li>
         <li>Onion</li>
         <li>Garlic</li>
      </ul>
   </body> 
</html>


We use cookies to enhance your user experience. By continuing using our site, you agree to our use of cookies.

Ok Read More