Legg til hover-tekst uten JavaScript som vi peker på en brukers navn

I henhold til koden ovenfor:

• en '
  '-elementet er lagt til med ' tittel ' attributt i åpningen '

  ' stikkord.
• « tittel ”-attributtet inneholder teksten som skal vises mens brukeren holder musepekeren over teksten.
• Mellom åpningen og avslutningen '
  ”-tagger er teksten som vil vises på grensesnittet som holder musepekeren over, og som viser peketeksten.

Eksemplet ovenfor vil vise følgende utgang:

Metode 2: Legg til hover-tekst gjennom 'span'-elementet

En hover tekst kan også legges til ved å bruke ' '-element i HTML. Alt det krever er å legge til hover-teksten i title-attributtet og det faktiske HTML-elementet som hover-teksten legges til mellom åpningen og den avsluttende ' '-tagger.

Eksempel

La oss legge til et enkelt eksempel for å sette inn ' '-element i HTML-dokumentet med det formål å legge til pekepinnteksten over et HTML-element:

I eksemplet ovenfor:

• en ' '-elementet er lagt til med ' tittel ' attributt inne i åpningen ' ' stikkord.
• « tittel ”-attributt inneholder teksten som skal vises når brukeren holder musepekeren over.
• Mellom åpning og avslutning ' ”-tagger er teksten som vil bli vist til brukeren som holder musepekeren over, og som vil vise markørens tekst.

Produksjon

Dette oppsummerer de mulige metodene for å legge til en hover-tekst uten å bruke JavaScript.

Konklusjon

En hover-tekst kan enkelt legges til i HTML uten å kreve bruk av JavaScript-funksjoner. Utvikleren må bruke enten '