Kemampuan untuk membuat tautan dalam dokumen yang membawa Anda ke dokumen lain, mungkin di jaringan di belahan dunia, bisa dibilang satu-satunya alasan paling penting bahwa World Wide Web diciptakan. Tautan ini, yang disebut hyperlink, adalah "H" dalam HTML (Bahasa Markup HyperText). Tanpa hyperlink, web tidak akan sangat berguna. Tidak akan ada mesin pencari, media sosial, atau iklan banner (ok, kebanyakan dari kita bisa berdiri untuk melihat mereka pergi).
Ketika Anda membuat halaman web Anda sendiri, Anda akan ingin membuat hyperlink, dan KompoZer memiliki alat yang memudahkan untuk menambahkan tautan jenis apa pun. Halaman contoh yang digambarkan dalam tutorial ini akan berisi tautan ke situs web lain dalam empat kategori, ke bagian lain dari halaman web yang sama, dan untuk memulai pesan email. Saya akan mulai dengan judul dan empat
H3 judul untuk setiap kategori. Di halaman berikutnya, kami akan menambahkan beberapa tautan. 01 05
Membuat Hyperlink Dengan KompoZer
Alat hyperlink KompoZer diakses dengan mengklik tombol Link pada toolbar. Untuk membuat hyperlink:
- Tempatkan kursor Anda di halaman tempat Anda ingin hyperlink Anda muncul.
- Klik tombol Tautkan pada bilah alat. Kotak dialog Properti Tautan akan muncul.
- Bidang pertama yang perlu Anda isi adalah kotak Teks Tautan. Ketikkan teks yang ingin Anda tampilkan di halaman untuk hyperlink Anda.
- Kolom kedua yang harus Anda isi adalah kotak Lokasi Tautan. Ketikkan URL halaman yang akan dibawa oleh pengguna Anda saat diklik. Sebaiknya salin dan tempelkan URL dari bilah alamat peramban Anda. Anda jauh lebih kecil kemungkinan melakukan kesalahan dengan cara ini dan Anda tahu, setidaknya pada saat pembuatan tautan Anda, bahwa halaman tersebut masih hidup dan tautan itu tidak rusak.
- Klik OK dan kotak dialog Properti Tautan akan ditutup. Tautan Anda sekarang akan muncul di halaman Anda.
Pada sebagian besar browser, hyperlink akan muncul dengan teks bergaris bawah biru secara default. Anda dapat menerapkan gaya Anda sendiri ke hyperlink dengan KompoZer, tetapi untuk saat ini, kami akan tetap dengan hyperlink dasar. Ada baiknya untuk melihat pratinjau laman Anda di browser web dan mengeklik tautan untuk memastikannya berfungsi.
02 dari 05Membuat Tautan Jangkar Dengan KompoZer
Ada jenis hyperlink lain yang membawa Anda ke bagian lain dari halaman web yang sama ketika diklik. Jenis hyperlink ini disebut tautan anchor, dan area halaman yang Anda bawa ketika Anda mengklik tautan itu disebut jangkar. Jika Anda pernah menggunakan tautan "kembali ke atas" di bagian bawah halaman web, Anda mengklik tautan ke anchor.
KompoZer memungkinkan Anda untuk membuat jangkar yang dapat Anda tautkan dengan menggunakan alat Jangkar di bilah alat.
- Klik pada area halaman Anda di mana Anda ingin anchor. Yaitu, di mana Anda ingin penampil halaman dibawa ke ketika tautan tautan diklik. Untuk contoh ini, saya mengklik tepat sebelum "F" di header Musik Favorit.
- Klik tombol Jangkar di bilah alat. Kotak dialog Named Anchor Properties muncul.
- Setiap anchor di halaman membutuhkan nama yang unik. Untuk jangkar ini, saya menggunakan nama "musik".
- Klik OK, dan Anda akan melihat, dan simbol jangkar muncul di tempat yang Anda inginkan jangkar. Simbol ini tidak akan muncul di halaman web Anda, itu hanya bagaimana KompoZer menunjukkan Anda di mana jangkar Anda.
- Ulangi prosedur untuk area lain dari halaman di mana Anda ingin pengguna dapat melompat ke. Jika Anda memiliki banyak teks pada halaman yang dipisahkan oleh judul atau beberapa pembagi logis lainnya, jangkar adalah cara mudah untuk menavigasi halaman.
Selanjutnya, kami akan membuat tautan yang membawa pembaca ke jangkar yang Anda buat.
03 dari 05Membuat Halaman Navigasi Dengan KompoZer
Sekarang Anda memiliki jangkar di halaman Anda, mari buat tautan yang akan digunakan sebagai pintasan ke jangkar tersebut. Untuk tutorial ini, saya membuat 1 baris, 4 kolom tabel di bawah header atas halaman. Setiap sel tabel berisi teks yang sama sebagai salah satu header kategori yang digunakan untuk memisahkan tautan di halaman. Kami akan membuat teks di masing-masing sel tabel ini tautan ke anchor yang sesuai.
04 dari 05Membuat Hyperlinks Untuk Jangkar Dengan KompoZer
Sekarang setelah jangkar kami di tempat dan teks yang akan kita gunakan untuk navigasi halaman dimasukkan, kita dapat mengubah potongan teks biasa menjadi tautan. Kami akan menggunakan tombol Link lagi, tetapi kali ini akan bekerja sedikit berbeda.
- Pilih teks yang ingin Anda ubah menjadi tautan. Dalam contoh ini, saya memilih teks "Musik Favorit" yang ada di sel tabel pertama di sepanjang bagian atas halaman.
- Klik tombol Tautkan pada bilah alat. Kotak dialog Properties Tautan akan terbuka.
- Dalam hal ini, kami memilih teks sebelum kami mengklik tombol Link, sehingga bagian Teks Tautan pada jendela sudah diisi dan tidak dapat diedit. Klik panah bawah di bagian Lokasi Tautan. Anda akan melihat daftar jangkar yang Anda buat di langkah sebelumnya. Untuk contoh ini, saya memilih jangkar #music.
- Klik OK. Teks "Musik Favorit" di bilah navigasi berubah menjadi tautan yang akan menyebabkan pemirsa melompat ke bagian itu di halaman saat diklik.
Anda akan melihat bahwa setiap anchor bernama di menu drop-down memiliki tanda “#” di depannya. Ini adalah bagaimana Anda akan membuat tautan ke anchor di HTML. "#" Di depan nama jangkar memberitahu browser bahwa tautan ini membawa Anda ke tempat lain di halaman yang sama.
05 dari 05Membuat Hyperlink Dari Sebuah Gambar Dengan KompoZer
Tahukah Anda bahwa Anda dapat membuat tautan dari gambar dan juga teks? KompoZer memungkinkan Anda melakukan ini hanya dengan beberapa klik. Di sini saya telah memasukkan gambar ikon kecil yang menunjukkan panah menunjuk ke atas dan teks "TOP" di bagian bawah halaman. Saya akan menggunakan gambar ini sebagai tautan untuk melompat kembali ke bagian atas halaman.
- Klik kanan pada gambar dan pilih Properti Gambar dan Tautan dari label konteks. Kotak dialog Properti Gambar akan terbuka.
- Pada tab Lokasi, Anda akan melihat nama file gambar dan tampilan thumbnail sudah diisi. Anda harus memasukkan beberapa teks di kotak teks Alternate. Inilah yang muncul ketika Anda menggerakkan mouse ke gambar, dan juga apa yang dibaca oleh pembaca layar ketika orang dengan gangguan penglihatan membaca halaman web.
- Klik pada tab Tautan. Di sini Anda dapat memilih jangkar dari menu, seperti yang kami lakukan dengan tautan tautan. Bahkan, gambar ini digunakan sebagai tautan tautan. Saya memilih anchor #Links_Of_Interest yang akan membawa kita kembali ke atas.
- Klik OK. Gambar sekarang menghubungkan kembali ke bagian atas halaman saat diklik.
