Comment ajouter des info-bulles aux éléments Span en HTML ?

Ajout d'info-bulles à un élément Span

En HTML, un L'élément est utilisé pour regrouper le texte en ligne qui doit être stylistiquement différent du texte adjacent. Pour fournir des informations supplémentaires lorsqu'un utilisateur survole cet élément span, pensez à ajouter une info-bulle.

Méthode :

L'attribut title intégré peut être utilisé pour créer une simple info-bulle. Voici comment :

<code class="html"><span title="My tip">text</span></code>

Cette méthode attache le texte fourni à l'élément span sous forme d'info-bulle. Lorsque l'utilisateur survole l'étendue, l'info-bulle affiche le texte spécifié.

Exemple :

Considérez le code suivant, où nous souhaitons qu'une info-bulle apparaisse lorsque l'utilisateur survole le span :

<code class="html"><span>text</span></code>

Pour ajouter une info-bulle, nous ajoutons simplement l'attribut title avec le texte souhaité :

<code class="html"><span title="This is a sample tool tip">text</span></code>

Lorsqu'un utilisateur survole maintenant le span span, l'info-bulle "Ceci est un exemple d'info-bulle" s'affichera.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!