Data Lists in html |
Unlike Ordered and UnOrdered lists, data lists marks its elements by indentation.
Data lists can be defined using <DL> ... </DL> tags. The tag <DL> indicates the start of a data list while </DL> indicates the end of the data list.
Attributes of <DL> .. </DL> :
<DT>: DT stands for Definition Term. This tags will be enclosed in <DL> ... </DL> tags alternatively.
<DD>: DD stands for Definition Description. This tags will be enclosed in <DL> ... </DL> tags alternatively.
Example:
<DL>
<DT> Definition Term 1 </DT>
<DD> Definition Description 1</DD>
<DD> Definition Description 2</DD>
<DT> Definition Term 2</DT>
<DD> Definition Description 1 </DD>
<DD> Definition Description 2 </DD>
</DL>
This datalist will be displayed as
- Definition Term 1
- Definition Description 1
- Definition Description 2
- Definition Term 2
- Definition Description 1
- Definition Description 2
Let us go for a practical use of definition list here.
How to reach my home town?
- By Rail
- Nearest railway station is 10 KM and station name is ……
- By road
- Well connected national highway passes through my home town
- By Air
- Nearest airport is at a distance of 60 KM and …..
Now please develop the code for this ..
Lists In HTML
| Ordered Lists
| UnOrdered Lists
| Data Lists
|
