Lists
We use lists for exactly that. List of things. Some common uses of lists is the Navigation Menu (list of pages), Image Gallery (list of images) and list of “anything you can come up with”.
There are two types of lists: Unordered List and Ordered List.
The Unordered List is used to make a list of something that does not need to have order. That means it still works if it is randomly ordered and it still make sense no matter in which order the the viewer reads it.
We use the <ul> tag to start an Unordered list. Each item in the Unordered list is created using the <li> tag. The live example is provided below, after Ordered list.
The Ordered list is used to make a list of something in which the order or arrangement of list is important. For example, if you want to make a cooking recipe, then the order of the list is very important, otherwise you should just go to a restaurant.
We use the <ol> tag to start an Ordered list and similarly, each item is created using the <li> tag.
Below is the basic structure of a list. Try changing the UL to OL.
There are two types of lists: Unordered List and Ordered List.
Unordered List
The Unordered List is used to make a list of something that does not need to have order. That means it still works if it is randomly ordered and it still make sense no matter in which order the the viewer reads it.
We use the <ul> tag to start an Unordered list. Each item in the Unordered list is created using the <li> tag. The live example is provided below, after Ordered list.
Ordered List
The Ordered list is used to make a list of something in which the order or arrangement of list is important. For example, if you want to make a cooking recipe, then the order of the list is very important, otherwise you should just go to a restaurant.
We use the <ol> tag to start an Ordered list and similarly, each item is created using the <li> tag.
Live Example
Below is the basic structure of a list. Try changing the UL to OL.
Leave a comment