welcome to tutorialfamily

html unorderlist

Unorder list start with the ul tag.

Each list start with the li tag.

unorder type default

example



<!DOCTYPE html>
<html>
	<head>
		<title>
			unorder list default demo
		</title>
	</head>
	
<body>
	<ul>
		<li>Volvo</li>
		<li>Hero</li>
		<li>Honda</li>
	</ul>
</body>
</html>


Html unorder list type

Html unorder list type syntax
<ul>

Type Description
type=”disc” The list items will be display with bullet (default)
type=”circle” The list items will be display with circle bullet
type=”square” The list items will be display with square bullet
type=”none” The list items will be display without bullet

disc type



<!DOCTYPE html>
<html>
	<head>
		<title>
			disc type unorder list demo
		</title>
	</head>
	
<body>
	<ul style="list-style-type:disc;">
		<li>Volvo</li>
		<li>Hero</li>
		<li>Honda</li>
	</ul>
</body>
</html>


circle type



<!DOCTYPE html>
<html>
	<head>
		<title>
			circle unorder list demo
		</title>
	</head>
	
<body>
	<ul style="list-style-type:circle;">
		<li>Volvo</li>
		<li>Hero</li>
		<li>Honda</li>
	</ol>
</body>
</html>


square type



<!DOCTYPE html>
<html>
	<head>
		<title>
			square unorder list demo
		</title>
	</head>
	
<body>
	<ul style="list-style-type:square;">
		<li>Volvo</li>
		<li>Hero</li>
		<li>Honda</li>
	</ol>
</body>
</html>


none type



<!DOCTYPE html>
<html>
	<head>
		<title>
			none type unorder list demo
		</title>
	</head>
	
<body>
	<ul style="list-style-type:none;">
		<li>Volvo</li>
		<li>Hero</li>
		<li>Honda</li>
	</ol>
</body>
</html>


Our Content