HTML: Cara Membuat Hyperlink

 HTML: Cara Membuat Hyperlink



Salah satu script penting dalam pemrograman HTML adalah hyperlink atau sering disingkat dengan link, dalam bahasa Indonesia disebut juga dengan tautan. Tugasnya adalah menghubungkan teks atau gambar ke halaman website lainnya. Dengan adanya link, maka ketika sebuah teks atau gambar diklik, maka browser (peramban) akan beralih ke halaman tertentu yang telah ditetapkan pada script hyperlink tersebut.

Cara membuat link pada HTML tidaklah sulit, berikut ini contoh link yang disematkan pada sebuah teks:

Contoh Link

Jika contoh link tersebut diklik, maka browser pengguna akan mengarah ke http://coding.maiwanews.com. Untuk membuatnya bisa menggunakan kode berikut:

<a href="http://coding.maiwanews.com/">Contoh Link</a>

Sebuah link menggunakan tag <a> yang ditutup dengan </a>. Di dalam tag <a> diikuti oleh atribut href dan bisa ditambahkan dengan beberapa atribut lainnya. Tag <a> merupakan tag link, sedangkan href adalah alamat yang akan dituju jika anchor text (dalam hal ini anchor text-nya adalah Contoh Link) diklik.

Jika link ingin disematkan pada sebuah gambar, maka kode dasarnya adalah sebagai berikut:

<a href="http://coding.maiwanews.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg903bytWTbmGjf2P48k3Nh1neeEC7y6rzvYd__dCK8ZyzqHz14LNVCIUstMH30fd9GE9t2iYevWQc9evf_oh3_jB2NG8SVfiwvTNnPVT5kID4ehmM9sloBBJ6mulkp72jecO1nRhse5h8/s1600/maiwanews-banner.jpg" /></a>

Pada tautan gambar, sebaiknya ditambahkan dengan atribut width untuk lebah gambar dan height untuk tinggi gambar. Misalnya:

<a href="http://coding.maiwanews.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg903bytWTbmGjf2P48k3Nh1neeEC7y6rzvYd__dCK8ZyzqHz14LNVCIUstMH30fd9GE9t2iYevWQc9evf_oh3_jB2NG8SVfiwvTNnPVT5kID4ehmM9sloBBJ6mulkp72jecO1nRhse5h8/s1600/maiwanews-banner.jpg" width="240" height="90" /></a>

Berikut hasil dari skrip di atas:

Selain penggunaan kode dasar di atas, ada banyak atribut yang bisa ditambahkan selain atribut href. Berikut beberapa contoh atribut:
  • target="_blank" --> Berfungsi memerintahkan browser untuk membuka link pada jendela atau tab baru.
  • rel="nofollow" --> Fungsinya memberitahu mesin pencari agar mengabaikan link yang dituju, atau tidak mengindeks halaman yang dituju oleh tautan tersebut.
Jika ingin membuat link yang mengarah pada bagian tertentu di halaman yang sama bisa menggunakan <a href="#top">Top</a> sebagai tautannya, dan <a name="top"></a> sebagai tujuan.
Selain untuk mengarahkan browser pada halaman tertentu, link juga bisa disematkan pada alamat email, dimana jika link email diklik akan membuka aplikasi email di komputer untuk mengirim email kepada alamat yang ditetapkan dalam skrip. Berikut contoh link email paling mendasar:

<a href="mailto:tes@hanyacontoh.com">mailto</a>

Masih banyak atribut dalam membuat link, namun penjelasana di atas sudah sangat cukup untuk pengetahuan dasar.

Komentar

Posting Komentar

Postingan populer dari blog ini

Pengertian dan Fungsi Menu-Menu CCLEANER

Gambar
CCLEANER CCleaner adalah program utilitas yang berguna untuk optimasi sistem dan tool pembersih file komputer . Software CCleaner dibuat dan dikembangkan oleh Piriform Ltd . Perangkat lunak komputer ini memiliki banyak kemampuan dan kelebihan di balik ukuran filenya yang relatif kecil. CCleaner akan membersihkan file-file yang tidak bermanfaat di sistem komputer Anda, sehingga akan mengurangi penggunaan kapasitas harddisk dan akan mempercepat jalannya komputer Anda. Tool ini bisa digunakan untuk membersihkan jejak atau history di web browser , file temporary di Window s, membuang dan memperbaiki kesalahan registry , bahkan bisa dipakai untuk membuang instalasi software yang membandel karena tidak bisa di-uninstall dengan cara reguler. Selain itu, CCleaner juga bisa dipakai untuk mengontrol jalannya program di startup . Program CCleaner banyak digunakan oleh berbagai kalangan pengguna komputer. CCleaner merupakan software gratis yang bersifa...
Baca selengkapnya

Komponen-Komponen Motheboard Beserta pengertiannya

Motherboard Hallo gan? Selamat datang di blog ini lagi.. kali ini saya akan membicarakan tentang Motherboard Tipe socket PGA 370. selamata membaca ya gan? semoga bermanfaat bagi anda semua. Salam Merah Putih!! :-D Pengertian  Motherboard: Motherboard atau Mainboard adalah papan sirkuit utama dalam cpu, yang mana papan tersebut berguna untuk menghubungkan hadware-hadware atau komponen lain pada komputer. Fungsi Motherboard : -          Sebagai alat untuk tempat memasang Processor, Memori(RAM), Kartu Grafis dll. -          Menghubungkan antara komponen-komponen dalam CPU dengan menggunakan kabel atau langsung di pasang ke mainboard. -          Pusat pengendali yang mengatur kerja dari semua komponen yang terpasang di Motherboard. -          Mengatur pemberian daya listrik pada setiap ...
Baca selengkapnya

pengertian dan fungsi motherboard

Gambar
pengertian dan fungsi motherboard Pengertian dan Fungsi Motherboard Komputer -  Seperti kita tau bahwa di dalam mobo (Motherboard) terdapat soket serta komponen yang sangat membantu terciptanya sebuah sistem komputer seperti tempat/slot menyimpan seperti processor, RAM, VGA, konektor SATA, PCI (Peripheral Component Interconnect) untuk sound card, kartu LAN & TV Tuner dll. Banyak yg bilang kalau perangkat keras ni paling utama dibanding dengan perangkat keras lainya. Kenapa bisa?  mari yuk kita simak penjelasan mengenai  Pengertian dan Fungsi Motherboard Komputer  yang saya terapkan dibawah ini. Pengertian Motherboard Pengertian Motherboard adalah papan sirkuit berupa pcb yang memiliki berbagai komponen elektronik yang saling terhubung dimana cara kerjanya mengatur teknis seputar BIOS (Basic Input Output System), Chipset (pengatur koneksi input-output), RAM (memori penyimpanan data sementara), VGA card (memori penyimpan data grafis), prosesor & Addi...
Baca selengkapnya