Agregue el texto de Hover sin JavaScript como el pasado por el nombre de un usuario

Agregue el texto de Hover sin JavaScript como el pasado por el nombre de un usuario
En muchas páginas web, a menudo vemos un texto que aparece en un cierto elemento cuando lo pasamos sobre él y desaparece cuando movemos el cursor en otro lugar en la pantalla. Ese texto se llama texto flotante. En JavaScript, es fácil agregar el texto de flotar en un elemento. Pero, también es posible agregar un texto flotante en un documento HTML utilizando el ""Elemento o el""Elemento con el atributo de título.

Este artículo demostrará dos métodos útiles para agregar un texto flotante en HTML sin usar JavaScript:

  • A través del elemento "div"
  • A través del elemento "SPAN"

Método 1: Agregue el texto de Hover a través del elemento "Div"

Se puede agregar un texto flotante simplemente usando el ""Elemento con el"título"Atributo en la apertura"". El desarrollador necesita agregar el texto de flotar en el atributo de "título" dentro del ""La etiqueta de apertura y el elemento HTML se agrega entre la abertura y el cierre""Etiquetas. El texto dentro del ""El elemento contenedor puede ser de cualquier tipo. Por ejemplo, un "

" título, "

Ejemplo

Escribamos un ejemplo simple para agregar el "Elemento "para agregar el texto del flujo sobre un elemento HTML:

Flotar sobre mi!

Según el código anterior:

  • A ""El elemento se ha agregado con el"título"Atributo en la apertura"" etiqueta.
  • El "título"El atributo contiene el texto que se supone que se muestra mientras el usuario flota el cursor del mouse sobre el texto.
  • Entre la apertura y el cierre ""Etiquetas es el texto que se mostrará en la interfaz que se cierne sobre el cual mostrará el texto del flotador.

El ejemplo anterior se mostrará la siguiente salida:

Método 2: Agregue el texto de Hover a través del elemento "SPAN"

También se puede agregar un texto flotante utilizando el ""Elemento en html. Todo lo que requiere es agregar el texto de flotar en el atributo de título y el elemento HTML real para el cual se agrega el texto del flujo entre la abertura y el cierre ""Etiquetas.

Ejemplo

Agreguemos un ejemplo simple para insertar el "Elemento "en el documento HTML con el fin de agregar el texto de hover en un elemento HTML:

Flotar sobre mi!

En el ejemplo anterior:

  • A ""El elemento se ha agregado con el"título"Atributo dentro de la apertura"" etiqueta.
  • El "título"El atributo contiene el texto que se supone que se muestra cuando el usuario se cierne sobre.
  • Entre la apertura y el cierre ""Etiquetas es el texto que se mostrará al usuario que se cierne sobre el cual mostrará el texto del flotador.

Producción

Esto resume los posibles métodos para agregar un texto flotante sin usar JavaScript.

Conclusión

Un texto flotante se puede agregar fácilmente en HTML sin requerir el uso de funciones de JavaScript. El desarrollador necesita usar el ""Elemento o el"El elemento que crea el elemento HTML y luego agregue el atributo de título que define el texto del flotador. Esta publicación es una buena guía sobre el método para agregar el texto de flotar sin requerir JavaScript.