How to define a term or name in a definition list using HTML5 ?
HTML5 provides a way to specify a term and definition associated with it in a formatted way. A description list (or a definition list in older versions) provides a systematic arrangement of a term and its definition.
The following tags are used for defining a definition list:
- <DL>: This is the Definition List. It holds term and its definition as rows and data in tables
- <DT>: This is the Definition Term. It holds the term to be defined.
- <DFN>: This is the Definition Element. It holds the term being defined within the content.
- <DD>: This is the Definition or Description. It holds the definition for a given term.
The below example illustrates the creation of definition lists.
Example: This example creates a definition list with 2 terms, Machine Learning and Artificial Intelligence with their respective definitions.
HTML
< html > < body > < h1 >Sample List</ h1 > < dl > < dt > < dfn > Machine Learning </ dfn > </ dt > < dd >Development of a system that is able to learn and adapt without it given any specific instructions. </ dd > < dt > < dfn > Artificial Intelligence </ dfn > </ dt > < dd >Artificial intelligence refers to the simulation of intelligence that resembles human logic in machines. </ dd > < dd >AI is the future of machines that need to perform human tasks. </ dd > </ dl > </ body > </ html > |
Output:
Please Login to comment...