Lists in HTML

Unordered List

Ordered List

  1. ol is the element used to create an ordered list
  2. li (list item) is used to for each entry in the list
  3. each list item will have a number on the front
An HTML5 example of horizonal rule and lists is shown here:
	<!DOCTYPE html> 

	<!--Example 1: Lists.html --> 

		<html> 

			<head> 

				<title> This is an example showing horizontal rule and unordered/ordered lists </title> 

			</head> 

			<body> 

				<h1> List of daily activities</h1> 

				<!-- A horizontal rule is created --> 

				<hr> 

				<!-- Unordered list is created --> 

				<ul> 

					<li> Healthy breakfast </li> 

					<li> Light physical exercise </li> 

					<li> Study the following subjects </li> 

				<!-- Ordered list is created --> 

				<ol> 

					<li> IT </li> 

					<li> Chemistry </li> 

					<li> Biology </li> 

				</ol> 

				</ul> 

			</body> 

		</html>
The rendered document on the browser should look like this:
Lists rendered


For more details, please contact me here.