Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Add a Definition Term in HTML
The definition term is represented as <dt> tag in HTML, it describes the name or term in a description list. The <dt> define term is conjunction with <dd> and <dl> tags.
<dd> tag is used to describe each name or term
<dl> tag defines a description list.
<dt> define tag supports both global and event attributes.
The <dt> tag is supported by almost all browsers.
Syntax
Following is the syntax of define term −
<dt> code </dt>
Example
Following example of adding a definition term in HTML. Here we are using all the three elements of this tag −
<!DOCTYPE html>
<html>
<body>
<h1>Usage of dl,dd,and dt elements</h1>
<p>
<b>Creating a description list using elements:</b>
</p>
<dl>
<dt>Breakfast</dt>
<dd>Idly</dd>
<dd>Coffee</dd>
<dt>Lunch</dt>
<dd>Rice</dd>
<dd>Dal Curry</dd>
<dt>Dinner</dt>
<dd>Chapati</dd>
<dd>Curry</dd>
</dl>
</body>
</html>
Example
Following is another example to add definition term.
<!DOCTYPE html>
<html>
<head>
<title>HTML dt Tag</title>
</head>
<body>
<dl>
<dt>Understanding Definition List</dt>
<dd>A list of terms and their definitions/descriptions.</dd>
<dt>JAVA</dt>
<dd>Tutorial on JAVA Programming Language.</dd>
<dt>Android</dt>
<dd>Tutorial on Android Operating System.</dd>
</dl>
</body>
</html>
Now let us try to understand another term definition element −
Definition Element
To define terms in HTML, we use <dfn> tag which is used to describe the word and also shows the first occurrence of the word. The text that is present inside the tag is represented as italic form in the webpage which indicates it is a special keyword or value.
Syntax
The following is the syntax of define term in HTML −
<dfn title="meaning"> Code </dfn>
Example
Following is the example which demonstrates the usage of definition element −
<!DOCTYPE html> <html> <head> <title>Usage of Define terms in HTML</title> </head> <body> <h2>TutorialsPoint HTML</h2> <h3>A Description List <dfn title="Having a Description of Each Element"> is a List of Terms. </dfn></h3> </body> </html>
There is another element which describes the term that is abbreviation element.
Abbreviation element
This element is used to describe the term; a dotted line is appeared below the text which shows a special appearance to text. It is defined by using <abbr> tag.
Syntax
Following is the usage of abbreviation element −
<dfn> code </dfn> <abbr title="description"> Content </abbr>
Example
Following is the example which demonstrates the usage of abbreviation element −
<!DOCTYPE html> <html> <head> <title>Defining Terms in HTML</title> </head> <body> <h2>Welcome TO <dfn> TutorialsPoint <abbr title="Simply Easy Learning at your fingertips"> Technical Website.</abbr> </dfn></h2> </body> </html>
420 Views
