List and Tables in HTML | Ordered and Unordered List in HTML Example Programs

List and Tables in HTML - HTML Code Ordered and Unordered List in HTML Example

list table in html

List in HTML:

HTML Lists are used to show and display the details or information for the particular topic or anything that have the list of information, are present in the semantic way and well-mannered. For list, we use <li> tag in HTML coding.

Ordered and Unordered List in HTML Example Programs - ul Tag in HTML - ol Tag in HTML - dl Tag in HTML

List have three types that are as:

1. Unordered List:

Unordered List is the type of list and use <ul> tag in HTML to display unordered list. Unordered List are displayed as the points way that is the default type for unordered list.

Let's take an example:




Output:


unordered list


2. Ordered List:

Ordered List is another type of list and use <ol> tag in HTML to display ordered list. Ordered List are displayed numbers that is the default type for ordered list. We can set reversed, start and type for ordered list that how we want to display in the webpage.

Let's take an example:


 


Output:


ordered list

3. Definition List:

This is the last type of list that contains Definition Term (<dt>) and Definition Definition (<dd>).

Let's take an example:


 


Output:


definition list


How to Create Table in HTML with Example

HTML Table:

HTML Table is used to create the table with rows and columns for proper format and well displayed. How to Create Table in HTML To create table, we use <table> tag and tags like <th> (for table header), <tr> (for table row), <td> (for table data/cell). We can set CSS border and border-collapse for the table to show table in border style and many more. 

Let's take an example to create table in HTML:

 
 


Output:


table


Looking Forward:


For more details - List and Tables in HTML | Ordered and Unordered List in HTML Example Programs - Best Programming Videos on YouTube - 
EDUGYAN Channel



 


Post a Comment

0 Comments