Tutorials

KodeKite Tools

HTML
Flexbox
SVG
Canvas
HTML Tutorial

More


HTML Unordered List
Unordered Lists

Ul Lists are used to display unordered lists of items and ul stands for unordered list each items is denoted by <li> and li stands for list item.


  • Circle
  • Disc
  • Square
Syntax

<ul>
<li>Content</li>
<li>Content</li>
<li>Content</li>
</ul>


You can use ul lists any where within an HTML document.


Example

  • One
  • Two
  • Three
Attributes
  • Type (used to define type of list like circle, disc, square)

Circle
Example

  • Home
  • Profile
  • About
Disc
Example

  • Home
  • Contact
  • Privacy
Square
Example

  • Square 1
  • Square 2
  • Square 3

Unoredered list is a pair tag and output of ul element is list of elements from like you can see in above example.


Practice Task

Open notepad or any other text editor, follow the following points.


  • Create one Unoredered list
  • Use circle type for your list
  • Now add only three items in list
  • Items names should be any as per your wish

save file with name task.html or task.htm and then open it using any browser and see results.


Solution

  • Circle 1
  • Circle 2
  • Circle 3

Don't forget ul is non empty element which means it always comes in pair.