Lists

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:
	<!DOCTTYPE 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:


For more details, please contact me here.
Date of last modification: January 26, 2020.