8 - HTML Lists

Unordered Lists

<ul> <!-- <ul> defines unordered list -->
	<li>HTML</li>
	<li>CSS</li>
	<li>JS</li>
<ul>

OUTPUT :

• HTML
• CSS
• JS

---

Ordered Lists

<ol>
	<li>First</li>
	<li>Second</li>
	<li>Third</li>
</ol>

In ordered lists, in default it is in order as 1,2,3.. but we can change this order type by using attribute inside <ol> tag. here is how to do it

<ol type="A">
	<li>First</li>
	<li>Second</li>
	<li>Third</li>
</ol>

This list will in a order like A,B,C.

---

Description List

we can create description list by using <dl> tag and we need to use two more tags name <dt> which is descriptive term and <dd> which is descriptive definition. Example :

<dl>
	<dt>HTML</dt>
	<dd>This is a Markup Language</dd>
</dl>

OUTPUT :

HTML

This is Adds Structure to a WebPage

CSS

This Adds style to WebPage

---

We can also add nested lists. Here is an example

<ol> 
	<li>HTML</li>
	<li>CSS</li>
	<li>JS
		<ul>
			<li>React</li>
			<li>Next Js</li>
			<li>TailWind</li
		</ul>
	</li>
<ol>

1. HTML
2. CSS
3. JS
   • React
   • Next Js
   • TailWind