Assalamualaikum wr. wb.
Pada kesempatan kali ini saya akan menjelaskan tentang pembuatan dan fungsi dari link pada file HTML. Kelebihan dari HTML adalah kemampuannya untuk link (menyambungkan) daerah teks ataupun gambar ke dokumen yang lain. Browser memberi tanda daerah ini biasanya dengan warna yang berbeda dan garis bawah, untuk menunjukkan kalau daerah tersebut merupakan hypertext link. Hypertext tag pada HTML menggunakan anchor yaitu tag <A>.
Dalam pembuatan dokumen HTML diperlukan keterhubungan antar dokumen. Keterhubungan ini dibagi dalam 2 (dua) kategori :
1. Keterhubungan antara satu dokumen dengan dokumen yang lain
2. Keterhubungan kepada suatu bagian pada dokumen itu sendiri
Sintak tag link adalah sebagai berikut:
| <A href=url_tujuan>nama_link</A> |
url_tujuan bernilai lokasi atau nama file yang akan dituju. Sedangkan nama_link adalah nilai yang akan ditampilkan di browser sebagai teks link atau tombol penghubung. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah dan atribut warnanya dapat diatur dalam tag <BODY>.
Dikenal 3 (tiga) istilah dalam pengalamatan link :
1. Link relatif :Link ini menggunakan alamat relatif file dituju.
Misal : <a href=”tujuan.htm”>Tujuan</a>
2. Link absolut :Link ini menggunakan alamat absolut file yang dituju.
Misal : <a href=”c:/my documents/tujuan.htm”>Tujuan</a>
3. Link dalam dokumen yang sama
:Link ini menggunakan alamat pada bagian tertentu di dokumen itu sendiri.
Misal : <a href=”#top”>Kembali ke atas</a>
Beberapa atribut yang dapat ditambahkan dalam tag <a> diantaranya :
Href :Menunjukkan url yang dituju
Name :Memberikan nama pada bagian tertentu pada dokumen
Target :Menunjukkan target ditampilkannya link
Title :Menunjukkan title dari link ketika cursor digerakkan di sekitar area hyperlink
Disini saya akan membuat 5 file html untuk masing-masing halaman, tetapi saya hanya mencontohkan satu saja. Buatlah file html dengan script sebagai berikut:
Disini saya menyimpan file tersebut dengan nama 15-html-jur-mi.html, sebelumnya saya sudah menyimpan sebuah gambar berformat jpg dengan nama mi.jpg yang disimpan pada folder gambar pada localhost, dan kalau di jalankan pada browser akan tampil sebagai berikut:
Sekarang barulah buat file dengan disertakan fungsi link sebagai berikut:
Disini saya menyimpan file tersebut dengan nama 15-html-jur-mi.html, sebelumnya saya sudah menyimpan sebuah gambar berformat jpg dengan nama mi.jpg yang disimpan pada folder gambar pada localhost, dan kalau di jalankan pada browser akan tampil sebagai berikut:
Sekarang barulah buat file dengan disertakan fungsi link sebagai berikut:
Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:
Sekarng coba klik pada link [Manajemen Informatika], nanti akan menampilkan halaman 15-html-jur-mi.html yang sudah kita buat di atas tadi. Demikianlah sedikit penjelasan tentang bagaimana pembuatan dan penggunaan link pada file HTML. Semoga bermanfaat, Salam
sukses...
0 comments: