Cara Membuat Teks Tidak Terlihat dalam Kode HTML

click fraud protection
Wanita di kafe pinggir jalan membaca email

Kredit Gambar: Jacob Ammentorp Lund/iStock/Getty Images

Beberapa tag HTML dilengkapi dengan properti yang disebut "visibilitas". Salah satu elemen yang memiliki gaya ini adalah tag div. Tag div adalah wadah yang menampung teks dan gambar di lokasi tertentu di halaman web. Anda dapat menggunakan tag ini untuk menyembunyikan teks pada halaman web. Kelilingi blok teks Anda dengan tag div dan disembunyikan dari pengguna. Ini berguna ketika Anda ingin membuat menu atau halaman dinamis yang tidak menampilkan informasi sampai pengguna mengklik tombol atau tautan.

Langkah 1

Buka halaman web Anda di editor teks. Ini bisa berupa sesuatu yang sederhana seperti Notepad atau editor HTML yang lebih canggih seperti Notepad++ atau Visual Studio.

Video Hari Ini

Langkah 2

Tempatkan tag div di bagian halaman tempat Anda ingin menempatkan teks. Kode di bawah ini menempatkan tag div dengan properti visibilitas disetel ke tersembunyi:

Langkah 3

Masukkan beberapa teks di dalam tag div. Untuk tujuan pengujian, masukkan "Teks Tersembunyi Saya" di dalam tag. Kode Anda akan terlihat seperti di bawah ini:

Teks Tersembunyi Saya

Langkah 4

Simpan file dan buka dengan browser web Anda. Tidak ada teks yang ditampilkan di browser web meskipun dapat dilihat dalam kode yang diberikan.