Tags

List and Definitions

List

It is a useful feature used to list down a set of items vertically downward. This kind of effect for an item will be applicable in the case that there are list of things to mention or procedures to state vertically downward step by step.

There are two different kind of lists exist inside of the HTML These list types are ordered and unordered type. These list types represented using a tag of <ol> , <ul>. Inside of each of the list tag , there is also another tag <li> to write down each individual lists of item. The following line shows define what the ordered list is and how the ordered list is applied inside of the html

Ordered List

This is a list which uses a numbering style. It starts form 1 increasing by one up to the end of the list. In order to use this kind of list ,make sure to use the following couple of tags <ol></ol> and <li></li> in a combination.

Syntax :-
<ol>
<li> items to be listed</li>
<li> items to be listed</li>
</ol>
Example :-
<h4> List of Computer & Network Courses</h4>
<ol>
<li> Information Technology</li>
<li> Computer Engineering</li>
<li> Computer & Communication Engineering</li> </ol>

Unordered List

This is another type of list which creates a list of items vertically downward using a bulleting style-symbol based. The application of this unordered list type is made using a tag <ul></ul>. In short the basic difference of the ordered and unordered list type is changing <ol></ol> to <ul></ul> or vice versa on the outer side of the list structure of the html code.

Syntax : -
<ul>
<li> items to be in the list</li>
<li> items to be in the list</li> </ul>
Example : -
<h4> List of Computer & Network Courses</h4>
<ul>
<li>Computer Engineering</li>
<li>Software Engineering</li>
<li>Electronics</li>
</ul>

Note : – There are different type of numbering as well as bulleting style to use for the list of items. These different effects of numbering as well as bulleting will be discussed more in detail later in the discussion of CSS.

Definition tag

This is a tag used to form a definition list. The definition list is made of list of the terms , the term itself and the definition of the term. Each of this list tag section is represented with the corresponding tags <dl></dl>,<dt></dt>,<dd></dd> respectively. The application definition list tag will be as follow

Description

<dl></dl>
It is a tags used to create a definition list structure. This tag create a list of term definition structure.

<dt></dt>
It is a tags where the term to defined is written.

    <dd></dd>
    It is a tag used to write down the real definition of the term.

    Syntax : -

<dl>
<dt> term to be defined</dt>
<dd> definition of the term</dd>
<dt> another term to be defined</dt>
<dd> definition of the term</dd>
</dl>

Example :-

<dl>
<dt> Computer</dt>
<dd> It is a electronic machine which has the capacity of performing different mathematical and logical operation plus storage of data.</dd>
<dt> Internet</dt>
<dd> It is a network of consisting of many interconnected computers for the purpose of sharing information as well as resources.</dd>

      Summary

      • There are two types of lists in the html ordered and unordered list. Each of this list type is represented using a tag <ol> and <ul> respectively. Ordered list uses a numbering style but the unordered list uses a bulleting style.
      • In order to write down individual items inside of the list use tag called <li>. This tag is used inside of the ordered and unordered list.
      • It is possible to form a nested list by putting one list inside of another list. Of course , there is a possibility of forming a mixed nested list taking the ordered as well as unordered list and putting them one another.
      • A page with a list of terms to be defined could be represented using the tag <dl</dl>. Each term is represented using the tag <dt></dt> and the definition of the term also be written using the tag <dd></dd>.
      Scroll to Top