Creating a Bulleted list in HTML5

Creating a Bulleted list in HTML5

We can add a bulleted list to your document to set a list of items apart from the rest of the page of text. We can use this tag also called an unordered list when we do not need to show the items in a particular order. we creat a bulleted list by inserting <ul> and </ul> tags around <li> and </li> tag. The list tag specifies the list items.

By default in most browser bullets appears as a solid circle. You can use a CSS style to display another bullet style such as a square or an open circle.

Create a Bulleted List

Step 1: Type <ul> above the test you want to turn into a bulleted list.

Step 2: Type Type=”?” within the <ul> tag replacing? with a bullet style code, for Example Circle, Disc or Square.

Step 3: Type <li> in front of each item in the list

Step 4: Type </li> after each list item.

Step 5: </ul> after the list text.

Result output

<!DOCTYPE html>
<html>
    <Head>
        <Title>Coding thai</Title>
    </Head>
    <body>
        Type of Web Developer 
        <hr>
       <ul type="Square">
        <li>Fontend Developer</li>
        <li>Backend Developer</li>
        <li>Fullstack Developer</li>
       </ul>
        <hr>
       <small>Copyright 2022 Codingthai</small>
    </body>
</html>

Follow us on Social Media For More

FacebookInstagramPinterest

Leave a Comment