Tambahkan Teks Arahkan Tanpa JavaScript Seperti kita Arahkan pada Nama Pengguna

Tambahkan Teks Arahkan Tanpa Javascript Seperti Kita Arahkan Pada Nama Pengguna



Di banyak halaman web, kita sering melihat teks yang muncul di elemen tertentu saat kita mengarahkan kursor ke atasnya dan menghilang saat kita memindahkan kursor ke tempat lain di layar. Teks itu disebut teks hover. Dalam JavaScript, mudah untuk menambahkan teks melayang pada suatu elemen. Namun, Anda juga dapat menambahkan teks melayang di dokumen HTML dengan menggunakan tombol “
elemen ” atau “ ” elemen dengan atribut judul.

Artikel ini akan mendemonstrasikan dua metode berguna untuk menambahkan teks melayang di HTML tanpa menggunakan JavaScript:

Metode 1: Menambahkan Teks Arahkan Melalui Elemen 'div'.

Teks hover dapat ditambahkan hanya dengan menggunakan '

elemen ” dengan “ judul ” di pembukaan “ ”. Pengembang perlu menambahkan teks hover di atribut 'judul' di dalam '
” tag pembuka dan elemen HTML ditambahkan di antara pembukaan dan penutup “
” tag. Teks di dalam '
” elemen wadah dapat berupa jenis apa pun. Misalnya, sebuah “

' menuju, '

” elemen paragraf, atau teks biasa sederhana.





Contoh

Mari kita tulis contoh sederhana untuk menambahkan '

” untuk menambahkan teks melayang di atas elemen HTML:



< div judul = 'Ini adalah teks hover' > Arahkan Arahkan ke Saya! < / div >

Menurut kode di atas:



  • A '
    ” elemen telah ditambahkan dengan “ judul ” di pembukaan “
    ” tag.
  • “ judul Atribut ” berisi teks yang seharusnya ditampilkan saat pengguna mengarahkan kursor mouse ke atas teks.
  • Antara pembukaan dan penutupan “
    ” tag adalah teks yang akan ditampilkan pada antarmuka melayang di atas yang akan menampilkan teks melayang.

Contoh yang ditambahkan di atas akan menampilkan output berikut:



Metode 2: Tambahkan Teks Hover Melalui Elemen 'span'.

Teks hover juga dapat ditambahkan menggunakan tombol “ ” dalam HTML. Yang diperlukan hanyalah menambahkan teks hover di atribut judul dan elemen HTML sebenarnya yang teks hover-nya ditambahkan di antara pembukaan dan penutup “ ” tag.



Contoh

Mari tambahkan contoh sederhana untuk menyisipkan “ ” dalam dokumen HTML untuk tujuan menambahkan teks melayang di atas elemen HTML:

< menjangkau judul = 'Ini adalah teks hover' >Arahkan Arahkan ke Saya!< / menjangkau >

Dalam contoh di atas:

  • A ' ” elemen telah ditambahkan dengan “ judul ” atribut di dalam pembukaan “ ” tag.
  • “ judul Atribut ” berisi teks yang seharusnya ditampilkan saat pengguna mengarahkan kursor.
  • Antara pembukaan dan penutupan “ ” tag adalah teks yang akan ditampilkan kepada pengguna yang melayang di atas yang akan menampilkan teks yang melayang.

Keluaran

Ini meringkas kemungkinan metode untuk menambahkan teks hover tanpa menggunakan JavaScript.

Kesimpulan

Teks hover dapat dengan mudah ditambahkan dalam HTML tanpa memerlukan penggunaan fungsi JavaScript. Pengembang perlu menggunakan '

elemen ” atau “ ” yang membuat elemen HTML dan kemudian menambahkan atribut judul yang menentukan teks hover. Posting ini adalah panduan yang bagus tentang metode untuk menambahkan teks hover tanpa memerlukan JavaScript.

Lainnya

Kategori

Pesan Populer

Cara Memasang Paket dengan Perintah deb-get di Linux

Bagaimana cara Mendorong Cabang Lokal Baru ke Repositori Git Jarak Jauh dan Melacaknya juga?

ImageMagick – Mengurangi Ukuran File

Apa itu Lightbox di WordPress dan Bagaimana Menerapkannya

Cara Instal WhatsApp di Raspberry Pi

Apa itu Widget Perselisihan dan Apa yang Mereka Lakukan?

Cara Mengosongkan Kapasitor AC

Apa Perbedaan Antara AWS CLI dan Konsol?

Cara Menggunakan Properti CSS pointer-event

Elemen Terbaik di Roblox Shindo Life

Memulai Dengan Agen di LangChain?

Cara Membuat Array Dimensi Tunggal C# – Contoh

Oracle Buat Tabel Temp

Bagaimana Mengimplementasikan Multithreading di C++

Koneksi Database Oracle dengan Python

Persyaratan Sistem dan Uji Kompatibilitas Windows 10

Bagaimana Cara Mendapatkan Hanya Satu File Dari Cabang Lain?

Git Clone Kesalahan “Dukungan untuk Otentikasi Kata Sandi Telah Dihapus”.

Fungsi sprintf di C

Fungsi SQL DENSE_RANK()