Ajouter du texte de survol sans javascript comme si nous planions sur le nom d'un utilisateur

Ajouter du texte de survol sans javascript comme si nous planions sur le nom d'un utilisateur
Sur de nombreuses pages Web, nous regardons souvent un texte qui apparaît sur un certain élément lorsque nous le survons et disparaissons lorsque nous déplaçons le curseur ailleurs à l'écran. Ce texte est appelé texte de survol. En JavaScript, il est facile d'ajouter le texte de survol sur un élément. Mais, il est également possible d'ajouter un texte de survol dans un document HTML en utilisant soit le «”Élément ou"”Élément avec l'attribut de titre.

Cet article démontrera deux méthodes utiles pour ajouter un texte de survol en HTML sans utiliser JavaScript:

  • À travers l'élément «div»
  • Grâce à l'élément «Span»

Méthode 1: Ajouter un texte de survol via l'élément «div»

Un texte de survol peut être ajouté en utilisant simplement le "”Élément avec le"titre"Attribut dans l'ouverture"". Le développeur doit ajouter le texte de survol de l'attribut «Title» à l'intérieur de «"La balise d'ouverture et l'élément HTML sont ajoutés entre l'ouverture et la fermeture"" Mots clés. Le texte à l'intérieur du «»L'élément de conteneur peut être de n'importe quel type. Par exemple, un «

«En tête,«

Exemple

Écrivons un exemple simple pour ajouter le "”Élément afin d'ajouter le texte de survol sur un élément HTML:

Planer sur moi!

Selon le code ci-dessus:

  • UN ""L'élément a été ajouté avec le"titre"Attribut dans l'ouverture"" étiqueter.
  • Le "titre»L'attribut contient le texte qui est censé être affiché tandis que l'utilisateur plane le curseur de la souris sur le texte.
  • Entre l'ouverture et la clôture «”Tags est le texte qui sera affiché sur l'interface qui survolera qui affichera le texte de survol.

L'exemple ci-dessus affichera la sortie suivante:

Méthode 2: Ajouter un texte de survol via l'élément «Span»

Un texte de survol peut également être ajouté en utilisant le "”Élément en html. Tout ce qu'il nécessite, c'est d'ajouter le texte de survol de l'attribut de titre et l'élément HTML réel pour lequel le texte de survol est ajouté entre l'ouverture et la fermeture "" Mots clés.

Exemple

Ajoutons un exemple simple pour insérer le "”Élément du document HTML dans le but d'ajouter le texte de survol sur un élément HTML:

Planer sur moi!

Dans l'exemple ci-dessus:

  • UN ""L'élément a été ajouté avec le"titre"Attribut à l'intérieur de l'ouverture"" étiqueter.
  • Le "titre»L'attribut contient le texte qui est censé être affiché lorsque l'utilisateur plane sur.
  • Entre l'ouverture et la clôture "»Tags est le texte qui sera affiché à l'utilisateur qui plane sur lequel affichera le texte de survol.

Sortir

Cela résume les méthodes possibles pour ajouter un texte de survol sans utiliser JavaScript.

Conclusion

Un texte de survol peut être facilement ajouté en HTML sans nécessiter l'utilisation de fonctions JavaScript. Le développeur doit utiliser soit le «”Élément ou"”Élément qui crée l'élément HTML, puis ajoutez l'attribut de titre définissant le texte de survol. Ce message est un bon guide sur la méthode pour ajouter le texte de survol sans nécessiter JavaScript.