Ordered Unordered List

Let's practice how to make HTML ordered <ul> and unordered list <ol>. Just, follow the steps below with carefully.
HTML Ordered Lists Code
<ul>
<li>HTML Ordered Lists</li>
<li>HTML Unordered Lists</li>
<li>HTML Definition Lists</li>
</ul>

Try for your self by adding type="disc", type="circle", type="square".
Example:
<ul type="disc">
<li>HTML Ordered Lists</li>
<li>HTML Unordered Lists</li>
<li>HTML Definition Lists</li>
</ul>

The Results:

• HTML Ordered Lists
• HTML Unordered Lists
• HTML Definition Lists

***

HTML Unordered Lists Code
<ol>
<li>HTML Ordered Lists</li>
<li>HTML Unordered Lists</li>
<li>HTML Definition Lists</li>
</ol>

Try for your self by adding type="1", type="A", type="I"
Example:
<ol type="1">
<li>HTML Ordered Lists</li>
<li>HTML Unordered Lists</li>
<li>HTML Definition Lists</li>
</ol>

The Results:

1. HTML Ordered Lists
2. HTML Unordered Lists
3. HTML Definition Lists

***

HTML Definition Lists
<dl>
<dt>Blogger</dt>
<dd>- A blogging platform run by Google</dd>
<dt>Wordpress</dt>
<dd>- Another blogging platform</dd>
</dl>

Joining HTML Ordered and Unordered Lists Code Together
Example:
<ul type="disc">
<li>HTML Ordered Lists
<ol  type="1">
<li>Numbered Lists</li>
<li>Uppercase letters lists</li>
<li>Lowercase letters lists</li>
<li>Uppercase Roman lists</li>
<li>Lowercase Roman lists</li>
</ol>
</li>
<li>HTML Unordered Lists
<ol type="1">
<li>disc Lists</li>
<li>Circle Lists</li>
<li>Square Lists</li>
</ol>
</li>
<li>HTML Definition Lists</li>
</ul>

The Results:

• HTML Ordered Lists
  
  1. Numbered Lists
  2. Uppercase letters lists
  3. Lowercase letters lists
  4. Uppercase Roman lists
  5. Lowercase Roman lists
• HTML Unordered Lists
  
  1. disc Lists
  2. Circle Lists
  3. Square Lists
• HTML Definition Lists

***

<ol type="I">
<li>HTML Ordered Lists
<ul type="square">
<li>Numbered Lists</li>
<li>Uppercase letters lists</li>
<li>Lowercase letters lists</li>
<li>Uppercase Roman lists</li>
<li>Lowercase Roman lists</li>
</ul>
</li>
<li>HTML Unordered Lists
<ul type="disc">
<li>disc Lists</li>
<li>Circle Lists</li>
<li>Square Lists</li>
</ul>
</li>
<li>HTML Definition Lists</li>
</ol>

The Results:

1. HTML Ordered Lists
   
   • Numbered Lists
   • Uppercase letters lists
   • Lowercase letters lists
   • Uppercase Roman lists
   • Lowercase Roman lists
2. HTML Unordered Lists
   
   • disc Lists
   • Circle Lists
   • Square Lists
3. HTML Definition Lists

That's all for now. To get best results, just keep practicing.