Para definir la descripción de un elemento se utiliza la etiqueta <dl> . Esta etiqueta se usa con las etiquetas <dt> y <dd> . En HTML4.1, define la lista de definición y en HTML5, define la lista de descripción.
Sintaxis:
<dl> Contents... </dl>
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>
How to add description list
of an element using HTML?
</title>
<style>
h1,
h2 {
text-align: center;
}
h1 {
color: green;
}
dl {
margin-left: 20%;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
How to define a description/value
of a term in a description list
</h2>
<dl>
<dt>GeeksforGeeks</dt>
<dd>A Computer Science Portal For Geeks</dd>
</dl>
<dl>
<dt>C++</dt>
<dd>A Object oriented language.</dd>
<dt>JavaScript</dt>
<dd>A client side scripting language.</dd>
</dl>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html>
<head>
<title>
How to add description list
of an element using HTML?
</title>
<style>
h1 {
color: green;
}
h1,
h2 {
text-align: center;
}
body {
width: 70%;
}
dt {
color: red;
}
dd {
display: inline;
margin-left: 60px;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<center>
<h4>
How to define a description/value
of a term in a description list
</h4>
</center>
<dl>
<dt>Geeks Classes</dt>
<dd>
It is an extensive classroom programme
for enhancing DS and Algo concepts.
</dd>
<br />
<dt>Fork Python</dt>
<dd>
It is a course designed for
beginners in python.
</dd>
<br />
<dt>Interview Preparation</dt>
<dd>
It is a course designed for
preparation of interviews in
top product based companies.
</dd>
</dl>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA