HTML dl tag
dl tag in HTML:
The "dl" tag in HTML is used to create a definition list, which consists of phrases (dt) and their corresponding definitions (dd).
It's typically used to display glossaries, factors, or different units of associated phrases and their meanings.
Example
The "dl" tag is like a digital dictionary. It's used to create a list of terms and their corresponding definitions, assisting to organize and display related information.
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Technology Stack</title>
<style>
body {
font-family: 'Arial', sans-serif;
text-align: center;
margin-top: 50px;
font-size: 18px;
}
dl {
margin-top: 20px;
}
dt {
font-size: 24px;
color: #2c3e50; /* Dark gray color for term */
font-weight: bold;
}
dd {
margin-top: 5px;
color: #34495e; /* Dark blue-gray color for description */
}
</style>
</head>
<body>
<dl>
<dt>Backend</dt>
<dd>Java</dd>
<dt>Frontend</dt>
<dd>HTML</dd>
</dl>
</body>
</html>
Try it Yourself »