HTML dl tag - Learn Fasta

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.

html Live Editor!

<!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>