HTML - Unordered List And Ordered List Different Style Types | HTML List Part-2 By #BKTutorial

Source Code:

<!-- 

UL Types 

Type Description

disc    Sets the list item marker to a bullet (default) | Already Covered 

circle Sets the list item marker to a circle

square Sets the list item marker to a square

none The list items will not be marked

--------------------

Ol Types 

Type Description

type="1" The list items will be numbered with numbers (default) |  Already Covered

type="A" The list items will be numbered with uppercase letters

type="a" The list items will be numbered with lowercase letters

type="I" The list items will be numbered with uppercase roman numbers

type="i" The list items will be numbered with lowercase roman numbers 

-->

<!DOCTYPE html>

<html>

<head>

<title>HTML List</title>

</head>

<body>

<h1> UL With Circle Style</h1>

<ul style="list-style-type:circle;">

  <li>DELL</li>

 <li>Sony</li>

 <li>Samsung</li>

 <li>HP</li>

</ul>

<h1> UL With Square Style</h1>

<ul style="list-style-type:square;">

  <li>DELL</li>

 <li>Sony</li>

 <li>Samsung</li>

 <li>HP</li>

</ul>

<h1> UL With None Style</h1>

<ul style="list-style-type:none;">

  <li>DELL</li>

 <li>Sony</li>

 <li>Samsung</li>

 <li>HP</li>

</ul>

<h1> OL With type "A" </h1>

<ol type="A">

  <li>DELL</li>

 <li>Sony</li>

 <li>Samsung</li>

 <li>HP</li>

</ol>

<h1> OL With type "a" </h1>

<ol type="a">

  <li>DELL</li>

 <li>Sony</li>

 <li>Samsung</li>

 <li>HP</li>

</ol>

<h1> OL With type "I" </h1>

<ol type="I">

  <li>DELL</li>

 <li>Sony</li>

 <li>Samsung</li>

 <li>HP</li>

</ol>

<h1> OL With type "i" </h1>

<ol type="i">

  <li>DELL</li>

 <li>Sony</li>

 <li>Samsung</li>

 <li>HP</li>

</ol>

</body>

</html>

Output: