Unordered List:
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
A style attribute can be added to an unordered list,
to define the style of the marker: Style Description list-style-type:disc The list items will be marked with bullets (default) list-style-type:circle The list items will be marked with circles list-style-type:square The list items will be marked with squares list-style-type:none The list items will not be marked Square: <ul style="list-style-type:square"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
  • Coffee
  • Tea
  • Milk
Ordered List:
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
A type attribute can be added to an ordered list,
to define the type of the marker: Type Description type="1" The list items will be numbered with numbers (default) 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 Uppercase Roman Numbers: <ol type="I"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol>
  1. Coffee
  2. Tea
  3. Milk
HTML Description Lists
HTML also supports description lists. A description list is a list of terms, with a description of each term. The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term: <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl>
HTML lists can be styled in many different ways with CSS
With a little extra style, you can make it look like a menu: ul#menu { padding: 0; } ul#menu li { display: inline; } ul#menu li a { background-color: black; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px 4px 0 0; } ul#menu li a:hover { background-color: orange; } See listmenu here

html5