How to create a Basic Unordered List
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Cherry</li>
</ul>
How to create Basic Ordered List
<ol>
<li>First step</li>
<li>Second step</li>
<li>Third step</li>
</ol>
How to Create a Nested List
<ul>
<li>Fruits
<ul>
<li>Apple</li>
<li>Banana</li>
</ul>
</li>
<li>Vegetables
<ul>
<li>Carrot</li>
<li>Broccoli</li>
</ul>
</li>
</ul>
List and Custom Markers
<ul style="list-style-type:square;">
<li>Square Bullet Point</li>
<li>Square Bullet Point</li>
</ul>
How to Create Table Headers
<table border="1">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Alice</td>
<td>25</td>
</tr>
</table>
Ordered List and Roman Numerals
<ol type="I">
<li>Introduction</li>
<li>Body</li>
<li>Conclusion</li>
</ol>
Ordered List with Aphabet characters
<ol type="A">
<li>Main Topic 1</li>
<li>Main Topic 2</li>
</ol>
List with inline CSS and Styling
<ul style="color: blue; font-family: Arial;">
<li>Styled Text 1</li>
<li>Styled Text 2</li>
</ul>
How to create Description List
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
How to Create Horizontal Description List
<style>
dt { float: left; clear: left; width: 100px; text-align: left; }
dd { margin: 0 0 0 110px; padding: 0 0 0.5em 0; }
</style>
<dl>
<dt>Coffee</dt>
<dd>A brewed drink prepared from roasted coffee beans.</dd>
<dt>Tea</dt>
<dd>An aromatic beverage commonly prepared by pouring hot water over cured leaves.</dd>
</dl>
How to Create List with Links
<ul>
<li><a href="https://htmlwhale.com">Visit HtmlWhale.com</a></li>
<li><a href="https://mathz.org">Visit Mathz.org</a></li>
</ul>