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.
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:
- Open the NOTEPAD.
- COPY OR TYPE the following code for the DESCRIPTION list.
- SAVE the file with anyname.html
- Double Click to open the file with default web browser.
- 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>
The output is shown below.
