Lists: Ordered and Unordered

In this example you can see how we use the <ul> tag, <li> tag and <ol> tag. The <ul> tag defines an unordered list. Similarly, the <ol> defines an ordered list. The <li> tag is used inside both the <ul> and <ol> tags. <li> defines a list item.

An unordered list <ul> is a list where the order is not important. A shopping list is an example of an unordered list. You need to buy all items on the list, and the order you grab them is not important.

An ordered list <ol> is a list where the order is important. A set of instructions is an example of an ordered list. You need to follow the instructions in order to get the right outcome!

<!DOCTYPE html>
<html>
	<head>
		<title>Lists</title>
	</head>
	<body>
		<h1>Lists</h1>
		<h2>Unordered Lists</h2>
		<p>in an unordered list, order doesn't matter</p>
		<ul>
			<li>These</li>
			<li>Are</li>
			<li>List items</li>
		</ul>
		<br>
		<h2>Ordered Lists</h2>
		<p>Ordered lists are lists where the orders matters</p>
		<ol>
			<li>This is the first item</li>
			<li>This is the second item</li>
			<li>This is the third item</li>
		</ol>
	</body>
</html>

Try it yourself!

HTML – Black Hat

Lists: Ordered and Unordered

@