We are independent & ad-supported. We may earn a commission for purchases made through our links.
Advertiser Disclosure
Our website is an independent, advertising-supported platform. We provide our content free of charge to our readers, and to keep it that way, we rely on revenue generated through advertisements and affiliate partnerships. This means that when you click on certain links on our site and make a purchase, we may earn a commission. Learn more.
How We Make Money
We sustain our operations through affiliate commissions and advertising. If you click on an affiliate link and make a purchase, we may receive a commission from the merchant at no additional cost to you. We also display advertisements on our website, which help generate revenue to support our work and keep our content free for readers. Our editorial team operates independently of our advertising and affiliate partnerships to ensure that our content remains unbiased and focused on providing you with the best information and recommendations based on thorough research and honest evaluations. To remain transparent, we’ve provided a list of our current affiliate partners here.
Software

Our Promise to you

Founded in 2002, our company has been a trusted resource for readers seeking informative and engaging content. Our dedication to quality remains unwavering—and will never change. We follow a strict editorial policy, ensuring that our content is authored by highly qualified professionals and edited by subject matter experts. This guarantees that everything we publish is objective, accurate, and trustworthy.

Over the years, we've refined our approach to cover a wide range of topics, providing readers with reliable and practical advice to enhance their knowledge and skills. That's why millions of readers turn to us each year. Join us in celebrating the joy of learning, guided by standards you can trust.

What Is an HTML Bullet?

By Victoria Blackburn
Updated: May 16, 2024
Views: 8,386
References
Share

If a user wants to put a list on a webpage, there are two options available — an ordered list and an unordered list. The difference between the two is that with an ordered list, the items are shown with an ascending number or letter, whereas an HTML bullet is used for the items in an unordered list. Each type of list has a different HTML tag, with <OL> </OL> used for ordered lists and <UL> </UL> used for unordered lists.

When a web browser is rendering a webpage and comes across the <UL>tag, it is told that a list follows. Each item within the list is preceded by the list item tag, or <LI>. At each <LI>, the browser inserts an HTML bullet to start off the new item within the list. When coding a list, it is important that the <LI> tag is placed in front of each item. Also, it does not have a closing tag, so the next <LI> tag is the only way the browser knows to put in a new HTML bullet.

The code for creating a bulleted list within a webpage will look like the following:

    <UL>
    <LI> List Item
    <LI> List Item
    <LI> List Item
    </UL>

There is no limit to the number of items that can be included in a list. Coding the list correctly will ensure that it displays properly within the web browser.

When it comes to placing an HTML bullet at the front of the listed items, there are three different options available. The choices available are disc, circle and square. The default HTML bullet is a filled in circle, so if a type is not included, the web browser will automatically insert that bullet. When a list is embedded within a list, the HTML bullet for the embedded list is the disc.

The bullet type can be changed for each specific list item or for the entire list. To change a specific list item, the following code would be added: type="square/disc/circle." For a list item with a square bullet, the code would read as follows: <LI type="square">. Changing "square" to "disc" or "circle" will ensure that the wanted HTML bullet is inserted.

To change the bullet used for an entire list, the type attribute is added to the unordered list tag. In this case, if the user wanted a list that had bullets that were squares, the <UL> tag would be written as follows: <UL type="square">. If the list items are specified using just the <LI> tag, then they all would have a square bullet. Adding a type to the <LI> tag would change that specific list item from the square bullet to another HTML bullet.

Share
EasyTechJunkie is dedicated to providing accurate and trustworthy information. We carefully select reputable sources and employ a rigorous fact-checking process to maintain the highest standards. To learn more about our commitment to accuracy, read our editorial process.
Link to Sources
Discussion Comments
Share
https://www.easytechjunkie.com/what-is-an-html-bullet.htm
Copy this link
EasyTechJunkie, in your inbox

Our latest articles, guides, and more, delivered daily.

EasyTechJunkie, in your inbox

Our latest articles, guides, and more, delivered daily.