Al desarrollar un sitio web, es necesario colocar elementos de manera organizada, específicamente al crear un componente que contenga texto adicional. En el otro caso, si el texto está desorganizado, causará problemas de legibilidad. Para evitar este problema, HTML ofrece una etiqueta que se puede utilizar para el propósito especificado.

Este manual proporcionará una guía sobre el elemento HTML. Entonces empecemos!

Antes de apresurarse a la discusión relacionada con el tema del artículo, veamos un ejemplo que demuestra el elemento sin usar una etiqueta de resumen.

Cómo el elemento muestra contenido sin el elemento?

En el siguiente ejemplo, mostraremos el contenido utilizando el "detalles"Etiqueta sin el elemento resumido:

Esta es una explicación detallada.

Por defecto, el elemento muestra un detalle de encabezado que no es significativo por sí mismo:

De la salida anterior, se puede observar cómo funciona el elemento Detalles sin el elemento HTML.

En la siguiente sección, se discutirá el uso adecuado de la etiqueta HTML.

¿Qué es la etiqueta HTML??

En HTML, el "El elemento se utiliza dentro del elemento para especificar un encabezado. Este encabezado se puede hacer clic para ver u ocultar los detalles.

Sintaxis

contenido…

Detalles de contenido ..

A continuación se muestra la descripción de la sintaxis mencionada anteriormente:

• • "El elemento especifica la información adicional.
  • "El elemento especifica un encabezado visible que se hace clic para ver u ocultar los detalles.

Ahora, dirígete hacia el siguiente ejemplo.

Ejemplo: cómo agregar etiqueta en html?

En HTML, primero, agregue un elemento Div con el nombre de la clase "preguntas frecuentes". Luego añade

elemento para agregar un encabezado en la página web. Después de eso, la etiqueta de lugar, que contiene la información detallada. Dentro de este elemento, el elemento se utiliza para especificar el encabezado. Agregaremos dos más "detalles"Elementos de manera similar.

Html

Preguntas frecuentes

¿Cómo puedo comprar cualquier producto??

Puede obtener el producto simplemente haciendo clic en el botón Agregar al carrito y proceder con el pago.

¿Cuánto tiempo dura la entrega??

Puede recibir su producto en dos o tres días hábiles.

¿Acepta efectivo en la entrega??

Sí.

CSS

En CSS, los elementos HTML se proporcionan con diferentes propiedades de estilo.

Estilo todos los elementos

*
Font-Family: Verdana, Ginebra, Tahoma, Sans-Serif;

El fragmento de código anterior representa que el "Familia tipográfica"Con el valor Verdana, Ginebra, Tahoma, Sans-Serif se aplica a todos los elementos. Además, la lista de estilos de fuentes se utiliza para el propósito de que si el navegador no admite el primero, aplicará el segundo, y así sucesivamente.

Preguntas frecuentes de estilo Div

.Preguntas frecuentes
Ancho: 500px;
Altura: 300px;
margen: 0 auto;
relleno: 20px;
Color de fondo: #B73E3E;
cursor: puntero;
Color: Ghostwhite;
tamaño de fuente: 15px;

Las siguientes propiedades se aplican al elemento con el nombre de la clase "preguntas frecuentes:

• • "anchoLa propiedad se utiliza para la configuración del ancho del elemento.
  • "alturaLa propiedad se utiliza para la configuración de la altura del elemento.
  • "margen"Propiedad con valor"0 Auto"Indica el espacio 0px en la parte superior e inferior y el espacio igual en el lado izquierdo y derecho del elemento Div.
  • "relleno"Propiedad con un valor de"20px"Produce un espacio de 20 px alrededor del contenido del elemento Div.
  • "color de fondoLa propiedad se utiliza para la configuración del fondo del elemento.
  • "cursorEl puntero muestra el mouse como una mano con un dedo puntiagudo.
  • "color"La propiedad establece el color de fuente en Ghostwhite.
  • "tamaño de fuenteLa propiedad ajusta el tamaño de la fuente a 15px.

Estilo H1 Elemento de las preguntas frecuentes div Div

.Preguntas frecuentes H1
Color: #ffe4bb;
Decoración de texto: subrayar 2px wavy;

El ".Preguntas frecuentes H1"Se refiere al

Etiqueta de las preguntas frecuentes Div. La explicación de las propiedades aplicadas se describe a continuación:

• • "color"La propiedad establece el color de la fuente.
  • "decoración de texto"La propiedad se establece con el valor"Subrayar 2px Wavy"Donde subrayar es la propiedad de decoración de texto, 2px es el ancho de la línea, y Wavy es el estilo.

Elemento de detalles de estilo

detalles
relleno: 5px;

El elemento se aplica con el "relleno"Propiedad que aplica espacio alrededor del contenido del elemento Div.

Elemento de resumen de estilo

resumen
relleno: 6px;
tamaño de fuente: 20px;
Color: Whitesmoke;

El elemento se aplica con estilos CSS que se describen a continuación:

• • "relleno"Propiedad con valor"6px"Producir espacio alrededor del contenido del elemento resumido.
  • "tamaño de fuenteLa propiedad establece el tamaño de la fuente.
  • "color"La propiedad aplica la"humo blanco"Color a la fuente.

Al proporcionar el código proporcionado anteriormente, nuestra página web se verá así:

Se puede observar que un resumen de cada uno de los puntos dados se ha asociado con éxito con él.

Conclusión

HTML nos permite usar el ""Elemento que muestra el encabezado que puede ver u ocultar los detalles al hacer clic. Este elemento HTML se puede utilizar para organizar el contenido y aumentar el contenido general de la página web. Este artículo ha demostrado con éxito qué es una etiqueta de resumen HTML y cómo se puede insertar en un archivo HTML.