Cara Membuat Label Yang Boleh Diklik

Isi kandungan:

Cara Membuat Label Yang Boleh Diklik
Cara Membuat Label Yang Boleh Diklik

Video: Cara Membuat Label Yang Boleh Diklik

Video: Cara Membuat Label Yang Boleh Diklik
Video: Cara Membuat Label Undangan 121 2024, November
Anonim

Semasa membuat laman web, penting bahawa reka bentuk elemennya menyumbang untuk menarik pengguna baru kerana kemudahan mengakses maklumat. Elemen yang dapat diklik - prasasti yang dapat dilihat dan difahami oleh pengunjung, iaitu melupuskan seseorang untuk mengklik pautan tersebut. Kesan ini dapat dicapai dengan sisipan grafik yang berwarna dan intuitif.

Cara membuat label yang boleh diklik
Cara membuat label yang boleh diklik

Arahan

Langkah 1

Kapsyen, yang boleh diklik, harus menarik perhatian pengguna dan menonjol dari isi halaman yang lain. Jangan lupa bahawa elemen mesti mempunyai fungsi tertentu, dan pengguna mesti mengetahui item menu yang akan dia tuju setelah mengklik pautan ini.

Langkah 2

Anda boleh menggunakan elemen grafik untuk membuat kotak teks yang dapat diklik. Lukis butang yang sesuai untuk reka bentuk warna laman web anda dengan tulisan di mana-mana penyunting grafik. Anda juga boleh memanfaatkan penyelesaian grafik siap pakai di Internet dengan melayari laman web yang dikhaskan untuk melukis gambar untuk webmaster.

Langkah 3

Selepas memuat naik gambar, anda perlu memasukkannya ke dalam kod HTML halaman. Untuk melakukan ini, buka dokumen laman web dalam penyunting teks dengan mengklik kanan pada fail dan memilih bahagian "Buka dengan". Dalam senarai aplikasi yang muncul, tentukan editor yang anda gunakan untuk mengedit halaman. Anda juga boleh menggunakan Windows Notepad standard.

Langkah 4

Pergi ke bahagian kod di mana anda ingin memasukkan prasasti. Kemudian masukkan penerangan yang sesuai. Sebagai contoh:

Langkah 5

Kod ini akan membuat pautan dalam bentuk elemen grafik, di mana "address_to_transition" adalah halaman ke mana pengguna akan diarahkan setelah mengklik kapsyen. "Path_to_Image" adalah tempat fail butang anda berada. Untuk mengelakkan kesulitan dalam mencari gambar, letakkan di direktori yang sama dengan file halaman dan tentukan nama yang tepat dalam parameter src. Parameter lebar dan tinggi menunjukkan ukuran gambar dalam piksel, misalnya, 100 dan 50.

Langkah 6

Simpan perubahan pada fail dan buka di penyemak imbas menggunakan menu "Buka Dengan". Pembuatan label yang boleh diklik kini selesai. Sekiranya gambar tidak dipaparkan, periksa kebenaran kod dan jalan yang ditentukan untuk gambar.

Disyorkan: