Dodaj tekst najemnika bez JavaScript, jakbyśmy zawisły na nazwie użytkownika

Dodaj tekst najemnika bez JavaScript, jakbyśmy zawisły na nazwie użytkownika
Na wielu stronach internetowych często oglądamy tekst, który pojawia się na pewnym elemencie, gdy na nim unosimy się i znika, gdy przesuwamy kursor gdzie indziej na ekranie. Ten tekst nazywa się tekstem najemnika. W JavaScript łatwo jest dodać tekst najemnika do elementu. Ale możliwe jest również dodanie tekstu najemnika w dokumencie HTML za pomocą albo „”Element lub„„Element z atrybutem tytułu.

W tym artykule zademonstruje dwie przydatne metody dodania tekstu zawisowego w HTML bez użycia JavaScript:

  • Poprzez element „div”
  • Przez element „span”

Metoda 1: Dodaj tekst najemnika za pomocą elementu „Div”

Tekst nalotowy można dodać po prostu za pomocą „„Element z„tytuł”Atrybut na otwarciu„". Deweloper musi dodać tekst najemnika w atrybucie „tytułu” wewnątrz „”Tag otwierający i element HTML jest dodawany między otworem a zamknięciem””Tagi. Tekst wewnątrz „„Element kontenera może być dowolnego typu. Na przykład „

„Kierowanie się”

Przykład

Napiszmy prosty przykład, aby dodać „„Element w celu dodania tekstu zawisowego do elementu HTML:

Unosić się nade mną!

Zgodnie z powyższym kodem:

  • A "„Element został dodany z„tytuł”Atrybut na otwarciu„”Tag.
  • „„tytuł”Atrybut zawiera tekst, który ma być wyświetlany, podczas gdy użytkownik unosi kursor myszy nad tekstem.
  • Między otworem a zamknięciem „„Tagi to tekst, który zostanie wyświetlony na unoszeniu interfejsu, na którym wyświetli tekst nachylenia.

Wyżej dodany przykład wyświetli następujące dane wyjściowe:

Metoda 2: Dodaj tekst najemnika przez element „Span”

Tekst nalotowy można również dodać za pomocą „„Element w HTML. Wystarczy dodać tekst zawisowy w atrybucie tytułu i rzeczywisty element HTML, dla którego tekst zawisowy jest dodawany między otworem a zamknięciem ””Tagi.

Przykład

Dodajmy prosty przykład, aby wstawić „„Element w dokumencie HTML w celu dodania tekstu najemnika do elementu HTML:

Unosić się nade mną!

W powyższym przykładzie:

  • A "„Element został dodany z„tytuł”Atrybut wewnątrz otworu„”Tag.
  • „„tytuł”Atrybut zawiera tekst, który powinien być wyświetlany, gdy użytkownik się unosi.
  • Między otwarciem a zamknięciem „„Tagi to tekst, który zostanie wyświetlony na unosząc się użytkownika, na którym wyświetli tekst nachylenia.

Wyjście

To podsumowuje możliwe metody dodania tekstu najemnika bez użycia JavaScript.

Wniosek

Tekst najemnika można łatwo dodać w HTML bez konieczności korzystania z funkcji JavaScript. Programista musi użyć albo „”Element lub„„Element, który tworzy element HTML, a następnie dodaj atrybut tytułowy definiujący tekst nachylenia. Ten post jest dobrym przewodnikiem o metodzie dodawania tekstu zawieszonego bez wymagania JavaScript.