HTML-LISTS-DESCRIPTION LIST

If we go by the definition of a LIST, its a set of the items which belong to the same group or class.

Same is the case with the LISTS in HTML.

If you remember the history of the HTML, it was developed for Research AND Educational work, so LISTS AND TABLES were part of HTML from very beginning.

HTML-GENERAL FORMAT OF LIST ELEMENT

The LIST TAG is used to tell the browser that the following text is to be represented as LISTS. Although there are three types of lists present, the format for this element is almost similar to all the three types. Here is the format.

<TAG OF TYPE OF LIST>

<LI> ITEM DESCRIPTION </LI>

.

.

.

.

</TAG OF TYPE OF LIST>

This is the standard format of using any list.

DO YOU KNOW ????
HTML 5 IS THE LATEST HTML VERSION WHICH IS BEING FOLLOWED IN THIS TUTORIAL.

HTML-TYPES OF LISTS

There are mainly THREE TYPES OF LISTS in HTML.

  • ORDERED LIST
  • UNORDERED LIST
  • DESCRIPTION LIST

We will discuss every type with examples and try to understand them.

The ORDERED LIST of HTML has been already discussed here in full details. Click anywhere on this line.

HTML- WHAT IS DESCRIPTION LIST ?

DESCRIPTION LIST is a list mainly meant for describing any word and elaborating meaning.

It gives us a format of showing definitions , descriptions etc. where there is one main head (the word to be described) and its description. 

MAIN TAG

<DL></DL>—DESCRIPTION LIST

THIS TAG WILL DEFINE THE DESCRIPTION LIST.

SUB TAG

<DT></DT>—DESCRIPTION TERM

THIS TAG WILL CONTAIN THE WORD TO BE DESCRIBED

THIRD AND FINAL TAG

<DD></DD>—DESCRIPTION DETAILS

THIS TAG CONTAINS THE DESCRIPTION OF THE TERM 

HTML- DESCRIPTION LIST EXAMPLE

Let us make a description list.

STEPS:

  1. Open the NOTEPAD.
  2. COPY OR TYPE the following code for the DESCRIPTION list.
  3. SAVE the file with anyname.html
  4. Double Click to open the file with default web browser.
  5. The explanation follows after the pictorial description.

SCENARIO: Let us make a list of some descriptions

ORDERED LIST:A list which is numbered in some way to show the progress in any process or steps of some procedure.

UNORDERED LIST: A list which is not numbered in any way and followed by bullets.

DESCRIPTION LIST:A list which shows the description of terms.

<!doctype html5>
<html>
  <head>
<title>GYANKOSH UNORDERED LIST</title>
</head>
<body>
<dl>
<dt>ORDERED LIST</dt>
<dd>
A list which is numbered in some way to show the progress
in any process or steps of some procedure.
</dd>
<dt>UNORDERED LIST</dt>
<dd> A list which is not numbered in any way and followed by bullets.</dd>
<dt>DESCRIPTION LIST</dt>
<dd> A list which is not numbered in any way and followed by bullets.</dd>
</dl>
</body>
</html>
CODE-DESCRIPTION LIST IN HTML

The output is shown below.

OUTPUT-DESCRIPTION LIST IN HTML