<ul>: The Unordered List elementThe <ul> HTML element represents an unordered list of items, typically rendered as a bulleted list. Show
How to Make Lists in HTMLIn HTML, we can list items either in an ordered or unordered fashion. An ordered list uses numbers or some sort of notation that indicates a series of items. For example, an ordered list can start with number 1, and continue through 2, 3, 4, and so on. Your ordered list can also start with the letter A and go through B, C, D, and so on. Here is an example of an ordered list with students' names and marks. On the other hand, we have unordered lists, like a TODO list for example. Here I am so passionate about coding that I skipped my breakfast ๐ค. There is one more type of list called a description list that we will learn as well below. Now let's get into a bit more detail and see how to create each type of list in HTML. HTML <ul> Tag
โฎ
Reference
โฏ
ExampleAn unordered HTML list:
<ul>
Try it Yourself ยป
More "Try it Yourself" examples below. Unordered listAn unordered list is used when list items do not have any particular order. An unordered list is created with the <ul> tag. <ul> tag also is a two sided tag and closed with </ul> tag. Like an ordered-list, an item for unordered list is listed with the <li> tag. Suppose now we want to list the five classes in which Tom has received an "A" on mid-term for each class as:
To create this list, we will list start with the <ul> tag. Next, we will use the <li> tag to list the first item and </li> to end the first item. Similarly, we will create the rest of the list items with the <li> and </li> tag. The following listing shows the code for creating the entire unordered list: <li>Biology</li> <li>Calculus</li> <li>Statistics</li> <li>History</li> <li>English</li> </ul> HTML Unordered List | HTML Bulleted ListHTML Unordered List or Bulleted List displays elements in bulleted format . We can use unordered list where we do not need to display items in any particular order. The HTML ul tag is used for the unordered list. There can be 4 types of bulleted list:
To represent different ordered lists, there are 4 types of attributes in <ul> tag.
<ul type=โโ>In HTML Attributes Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more Attribute of<ul> HTML TagWhat does <ul type=""> do?Was used to set list types.
|