Lists in HTML

What is List?

List is a group of items related to each other.

Typed of list in html

  1. Unordered list
  2. Ordered list
  3. Defination list

Unordered V/S Ordered List

Unordered list

  1. Unordered list is a group of related items arrange in no order.
  2. Order list is created by using <ul> </ul> tag.
  3. <li> </li> tag is used to create list items in the list.

Creating Unordered List

Sample output of unordered list
       <li>Cold Drink</li>

Types of Unordered List

Types of unordered list

Ordered List

  1. Ordered list is a group of elements a particular order.
  2. <ol> </ol> tag is used to create ordered list.
Sample output of the ordered list

     <li>Cold Drink</li>

Types of ordered list

Types of ordered list

Examples of ordered list

Ordered List Examples

Ordered list example with roman numbering

Definition List

Definition list a group of items with key (terms) and value (definition) pair.

  1. <dl> tag is used to create definition list.
  2. <dt> tag creates definition term.
  3. <dd> tag creates definition data 

Creating definition list 

    <lh>Definition Header</lh>

    <dd>This is the definition of the first term</dd>

    <dt>Definition Term-2</dt>
    <dd>This is the definition of the second term</dd>

Watch Video, Lists in HTML


Popular posts from this blog

Program to calculate telephone bill

Sum of two numbers in go lang

Program to check a year is leap year or not.

String in golang


Arrays in C Language

Reserved Words in Java

Data types in Java

Pointers in C Language

Literals in Java