How to create an unordered list in HTML ?

HTML Unordered Lists

An unordered list is a list in which the order of the list items does not matter. If you change the order of items that would not change information you want to convey to user.

In this tutorial you will learn about creation of unordered list in html

Unordered List


<ul> tag is used to create Unordered List in HTML.

In unordered list, list items identified by some symbols or bullets. This is also known as bulleted list.

Unordered list start with <ul> tag and closed with </ul> tag. <li> tags are used to add list items to our list.

Syntax:

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>SQL</li>
</ul>

Output:

  • HTML
  • CSS
  • SQL

Unordered list - attributes

type - this attribute is used with <ul> tag to specify the type of bullet you like. By default, it is a disc.

It can take following three values :

  1. disc
  2. circle
  3. square.

By default, its value is disk.

Output with circle:

  • HTML
  • CSS
  • SQL

Output with square:

  • HTML
  • CSS
  • SQL

And if we want to show list with no symbols, pass type = none.

We can also mark our list with some of our own symbols using <img> tag inside <li> tag.

syntax would be like below:

<ul>
  <li><img src="image">HTML</li>
  <li><img src="image">CSS</li>
<li><img src="image">SQL</li>
</ul>

For live demo, go though below Youtube video:

HTML List

Comments

Popular Posts

How to Import and Export Delimited Files, like CSV, in PowerShell

How to generate a GUID in PowerShell

PowerShell Arithmetic Operators