unordered list html code example

Example 1: html number list

<ol type="1">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="A">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="a">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="I">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="i">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

Example 2: html ordered list

<ol>
  <lh>ol Header</lh>
  <li>Item One</li>
  <li>Item Two</li>
  <li>Item Thre</li>
</ol>

Example 3: unordered list html

<ul>
  <li>Your item/tag goes here</li>
  <li>Your second item/tag goes here</li>
  <li>Your third item/tag goes here</li>
</ul>

Example 4: html unordered list

<ul>
  <li>Item One</li>
  <li>Item Two</li>
  <li>Item Three</li>
  <li>Item Four</li>
  <li>Item Five</li>
</ul>

Example 5: html ul types

#Type 1
<ul style="list-style-type:disk">
	<li>Disk</li>
</ul>
#Type 2
<ul style="list-style-type:circle">
	<li>Circle</li>
</ul>
#Type 3
<ul style="list-style-type:square">
	<li>Square</li>
</ul>

Example 6: unordered list

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Unordered List</title>
   </head>
	
   <body>
      <ul>
         <li>Beetroot</li>
         <li>Ginger</li>
         <li>Potato</li>
         <li>Radish</li>
      </ul>
   </body>
   
</html>

Tags:

Html Example

Recent Posts