En este artículo, veremos cómo definir los términos con HTML. HTML nos facilita algunas formas de definir o describir el texto para que los usuarios puedan obtener el significado exacto o el mensaje que el desarrollador quería transmitir.
Elemento de definición: en HTML, podemos usar la etiqueta <dfn> para describir la palabra y para mostrar la primera ocurrencia de la palabra. El texto dentro de esta etiqueta es visible en cursiva en el navegador, lo que muestra que es un tipo especial de palabra clave o valor.
Sintaxis:
<dfn title ="meaning"> Content </dfn>
Valor:
- título: este atributo define el significado del texto que es visible cuando pasamos el cursor sobre el texto.
Ejemplo: Este ejemplo describe el uso del elemento Definición.
HTML
<!DOCTYPE html> <html> <head> <title>How to define terms in HTML</title> </head> <body> <h2>Welcome To GFG</h2> <h3>He is a <dfn title= "Cricket is the game played with bat and ball"> Cricketer. </dfn> </h3> </body> </html>
Producción:
Etiqueta HTML <dfn>
Elemento de abreviatura: El elemento de abreviatura también se usa para describir el término que estamos usando y también usa una línea de puntos debajo del texto para mostrar la apariencia especial del texto. Se define usando la etiqueta <abbr> .
Sintaxis:
<dfn> Content </dfn> <abbr title="description"> Content </abbr>
Valor:
- título: este atributo (en esta etiqueta) se utiliza para dar una descripción del texto.
Ejemplo: Este ejemplo describe el uso del elemento Abreviatura.
HTML
<!DOCTYPE html> <html> <head> <title>How to define terms in HTML</title> </head> <body> <h2>Welcome To GFG</h2> <h3> The <dfn> Discovery of India </dfn> book was written by <abbr title= "The first Prime Minister of India"> Pt. Jawahar Lal Nehru. </abbr> </h3> </body> </html>
Producción:
Etiqueta HTML <abbr>
Lista de descripción : La lista de descripción es una lista en la que cada elemento viene con su descripción. Una lista de descripción se define usando la etiqueta <dl> seguida de dos etiquetas más <dt> y <dd>.
- definición término <dt> etiqueta : Esta etiqueta se utiliza para definir el nombre del elemento o el término de la lista.
- definición descripción <dd> etiqueta : Esta etiqueta se utiliza para describir el término de la lista.
Sintaxis:
<dl>
<dt> term </dt>
<dd> description </dd>
</dl>
Ejemplo: Este ejemplo describe el uso de la lista Descripción.
HTML
<!DOCTYPE html> <html> <head> <title>Description list</title> </head> <body> <h2>Welcome To GFG</h2> <h3> List of items and their definitions</h3> <dl> <dt>HTML</dt> <dd> HTML is a Markup language used to structure our web pages. </dd> <dt>CSS</dt> <dd> CSS stands for Cascading Style sheet. It is used to style our webpage. </dd> <dt>JavaScript</dt> <dd> JavaScript is a scripting language and it is used to provide functioning to our web page. </dd> </dl> </body> </html>
Producción:
Lista de descripción HTML
Publicación traducida automáticamente
Artículo escrito por abhisheksainiaggarwal y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA