Sunday, April 20, 2025

HTML Ordered Lists

Every time when we need order of elements, we will use ol element. As with unordered lists we need to open and close ol tag.

Also, for every item we will use li tags, to create li element.

When order by numbers is needed, theres no need to set specific value for attribute, so numbers are default.

Other values are lowercase a, uppercase A, lowercase i and uppercase I, for Roman symbols.

<!DOCTYPE html>

<html>
<head>
	<title>Security Tutorials</title>
</head>

<body>

	<h1>Ordered Lists</h1>
	
	<ol>
		<li>This is row - 1</li>
		<li>This is row - 2</li>
		<li>This is row - 3</li>
	</ol>
	
	<ol type="a">
		<li>This is row - 1</li>
		<li>This is row - 2</li>
		<li>This is row - 3</li>
	</ol>
	
	<ol type="A">
		<li>This is row - 1</li>
		<li>This is row - 2</li>
		<li>This is row - 3</li>
	</ol>
	
	<ol type="i">
		<li>This is row - 1</li>
		<li>This is row - 2</li>
		<li>This is row - 3</li>
	</ol>
	
	<ol type="I">
		<li>This is row - 1</li>
		<li>This is row - 2</li>
		<li>This is row - 3</li>
	</ol>	

</body>
</html>

No comments:

Post a Comment

Tkinter Introduction - Top Widget, Method, Button

First, let's make shure that our tkinter module is working ok with simple  for loop that will spawn 5 instances of blank Tk window .  ...