![Trending Articles on Technical and Non Technical topics](/images/trending_categories.jpeg)
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to create Definition Lists in HTML5?
A description list—previously known as a definition list—offers an organised arrangement of a term and its definition.
For defining a definition list, the following tags are used −
<dl> − This is the list of definitions. It stores terms and their definitions as tables of rows and data.
<dt> − This is the term used to define. It keeps the phrase under definition.
<dd> − This serves as the description or definition. It contains the definition of a particular term.
Using these tags,
Following are the examples…
Example
In the following example we are using <dl>, <dt>, <dd> tags to add definitions to our webpage.
<html> <body> <h1>DEFINITIONS</h1> <dl> <dt>SGML</dt> <dd>The Standard Generalized Markup Language. </dd> <dt>HTML</dt> <dd>The Hypertext Markup Language.</dd> <dd>The Markup Language You Use To Create Web Pages.</dd> <dt>XML</dt> <dd>The Extensible Markup Language.</dd> </dl> </body> </html>
Output
On executing the above script, it will display the text in two different steps: one acts as a phrase and one as a definition.
Example: Wrapping using div
In the following example, we are grouping name-value elements together using the div elements −
<html> <body> <h1>DEFINITIONS</h1> <dl> <div> <dt>TutorialsPoint</dt> <dd>Leading providers of web based tutorials on Computer Science academic subjects, Computer Languages, Management, Telecom, and other miscellaneous subjects</dd> </div> <div> <dt>Established in</dt> <dd>2006</dd> </div> </dl> </body> </html>
Output
On executing the above script, the definition lists are achieved as follows. TutorialsPoint and its definition are grouped as one while the established year is grouped as one.