{"id":14907,"date":"2023-11-01T06:28:35","date_gmt":"2023-10-31T23:28:35","guid":{"rendered":"https:\/\/www.jetorbit.com\/blog\/?p=14907"},"modified":"2023-10-19T15:49:49","modified_gmt":"2023-10-19T08:49:49","slug":"apa-itu-hyperlink","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/blog\/apa-itu-hyperlink\/","title":{"rendered":"Apa Itu Hyperlink, Fungsi, dan Cara Membuatnya"},"content":{"rendered":"

Bagi kalian yang sudah terbiasa mengembangkan website atau menulis dokumen pada Word mungkin sudah tak asing lagi dengan istilah <\/span>hyperlink<\/span><\/i>. Trus, yang belum tahu apapun dengan hyperlink bagaimana, dong? Santuy, kalian cukup simak artikel ini sampai kelar. Yuk langsung simak saja <\/span>Apa Itu Hyperlink, Fungsi, dan Cara Membuatnya<\/b><\/p>\n

Apa Itu Hyperlink?\u00a0<\/b><\/h2>\n

Hyperlink <\/span><\/i>adalah teks atau gambar yang dapat diklik pada halaman web atau dokumen elektronik yang mengarahkan pengguna ke halaman web atau dokumen lainnya.<\/span><\/p>\n

Link <\/span><\/i>tersebut sering ditemui dengan warna biru yang menunjukkan bahwa itu dapat diklik. <\/span>Hyperlink <\/span><\/i>juga dapat digunakan untuk mengarahkan pengguna ke bagian tertentu dari halaman web yang sama.\u00a0<\/span><\/p>\n

FYI, <\/span>hyperlink <\/span><\/i>juga dapat digunakan pada dokumen, seperti PowerPoint, Word, dan beberapa aplikasi lain. <\/span>Link <\/span><\/i>ini memungkinkan pengguna untuk berpindah dengan mudah dari satu halaman ke halaman lain tanpa harus mengetik ulang alamat URL atau menemukan halaman melalui mesin pencari.<\/span><\/p>\n

Selain itu, <\/span>hyperlink <\/span><\/i>adalah sebuah <\/span>link <\/span><\/i>yang memungkinkan pemilik situs untuk mengarahkan pengunjung ke konten yang relevan, meningkatkan pengalaman pengguna, bahkan bisa juga untuk meningkatkan SEO (<\/span>Search Engine Optimization<\/span><\/i>).<\/span><\/p>\n

Jenis-Jenis Hyperlink<\/b><\/h2>\n

Berikut ini jenis-jenisnya:<\/span><\/p>\n

Absolute Address<\/b><\/h3>\n

Absolute address<\/span><\/i> adalah jenis dari alamat <\/span>hyperlink <\/span><\/i>yang menyediakan URL (<\/span>Uniform Resource Locator<\/span><\/i>) lengkap dan rinci dari halaman web atau dokumen yang dituju. Di dalamnya termasuk protokol (http, ftp, dll), domain, dan <\/span>path <\/span><\/i>(rute) ke halaman tersebut.\u00a0<\/span><\/p>\n

Contoh <\/span>hyperlink absolute address<\/span><\/i>:<\/span><\/p>\n

https:\/\/www.example.com\/about-us\/our-team.html<\/span><\/p>\n

Absolute address<\/span><\/i> ini digunakan untuk menyediakan akses yang pasti dan cepat ke halaman web yang dituju namun menggunakan akses internet. Selain itu, juga digunakan untuk menyediakan <\/span>link <\/span><\/i>eksternal yang dapat dikunjungi oleh pengunjung dari situs lain.<\/span><\/p>\n

Keuntungan dari menggunakan <\/span>absolute address<\/span><\/i> adalah tidak bergantung pada lokasi file yang diakses dan <\/span>link <\/span><\/i>dapat diakses dari mana saja dan kapan saja selama halaman yang dituju masih ada.<\/span><\/p>\n

Kelemahannya adalah butuh waktu yang cukup lama untuk mengetikkan alamat URL secara manual dan jika server di mana file di host berubah, <\/span>link <\/span><\/i>akan tidak dapat diakses.<\/span><\/p>\n

Relative Address<\/b><\/h3>\n

Relative address<\/span><\/i> adalah jenis dari alamat <\/span>hyperlink <\/span><\/i>yang menyediakan rute relatif dari halaman web atau dokumen yang dituju dari lokasi saat ini. <\/span>Link <\/span><\/i>tersebut tidak menyertakan protokol atau domain, hanya <\/span>path <\/span><\/i>(rute) ke halaman tersebut.\u00a0<\/span><\/p>\n

Contoh <\/span>hyperlink relative address<\/span><\/i>:\u00a0<\/span><\/p>\n

\/about-us\/our-team.html<\/span><\/p>\n

Relative address<\/span><\/i> digunakan untuk menyediakan akses yang fleksibel ke halaman web dalam satu situs dan saat penulisannya tidak membutuhkan jaringan internet.<\/span><\/p>\n

Selain itu, juga digunakan untuk menyediakan <\/span>link <\/span><\/i>internal yang dapat dikunjungi oleh pengunjung dari halaman web yang sama.<\/span><\/p>\n

Keuntungan menggunakan alamat relatif adalah mudah ditulis dan fleksibilitas dalam mengubah lokasi file sehingga jika server di mana file di-host berubah, <\/span>link <\/span><\/i>masih dapat diakses. Sedangkan kelemahannya adalah <\/span>link <\/span><\/i>hanya dapat diakses dari halaman web yang sama dan tidak dapat diakses dari luar situs.<\/span><\/p>\n

Link Section<\/b><\/h3>\n

Link section<\/span><\/i> adalah jenis dari alamat <\/span>hyperlink <\/span><\/i>yang mengarahkan pengguna ke bagian tertentu dari halaman web yang sama menggunakan Anchors. <\/span>Anchors <\/span><\/i>adalah kata yang ditambahkan pada akhir URL yang mengarahkan ke bagian tertentu dari halaman.\u00a0<\/span><\/p>\n

Contoh <\/span>hyperlink section<\/span><\/i>:<\/span><\/p>\n

https:\/\/www.example.com\/about-us#our-team<\/span><\/p>\n

Link section<\/span><\/i> digunakan untuk menyediakan akses cepat ke konten spesifik dalam halaman web yang sama. Ini digunakan untuk menyediakan navigasi yang lebih cepat dan interaksi yang lebih baik dengan halaman web.<\/span><\/p>\n

Keuntungan dari menggunakan <\/span>link section<\/span><\/i> adalah pengguna dapat dengan mudah menemukan konten yang dituju tanpa harus memuat ulang halaman atau mencari konten melalui navigasi.<\/span><\/p>\n

Sedangkan kelemahannya adalah <\/span>link <\/span><\/i>tersebut hanya bisa diakses dari halaman web yang sama dan tidak dapat diakses dari luar situs.<\/span><\/p>\n

Image Hyperlink<\/b><\/h3>\n

Image Hyperlink<\/span><\/i> adalah jenis dari <\/span>hyperlink <\/span><\/i>yang ditampilkan sebagai gambar pada halaman web. <\/span>Link <\/span><\/i>ini bisa dikenali saat kursor yang berubah menjadi \u201cpointer\u201d saat di atas gambar. Pengguna dapat mengklik gambar untuk mengarahkan ke halaman web atau dokumen yang dituju.\u00a0<\/span><\/p>\n

Contoh <\/span>hyperlink Image<\/span><\/i>:\u00a0<\/span><\/p>\n

“<a href=”https:\/\/www.example.com”><img src=”example.jpg” alt=”example”><\/a>”<\/span><\/p>\n

Image Hyperlink<\/span><\/i> digunakan untuk menyediakan navigasi yang mudah dan interaksi yang baik dengan halaman web. <\/span>Link <\/span><\/i>ini digunakan untuk menyediakan akses cepat ke konten yang relevan, meningkatkan pengalaman pengguna, dan mempercantik halaman web.<\/span><\/p>\n

Keuntungan menggunakan <\/span>Image Hyperlink<\/span><\/i> adalah mudah dikenali dan dapat diintegrasikan dengan gambar yang ada pada halaman web.<\/span><\/p>\n

Kelemahannya adalah gambar dapat menjadi kurang jelas dibanding dengan <\/span>hyperlink <\/span><\/i>yang berupa teks.<\/span><\/p>\n

Text Hyperlink<\/b><\/h3>\n

Text hyperlink<\/span><\/i> adalah jenis dari <\/span>hyperlink <\/span><\/i>yang banyak ditemui dan ditampilkan sebagai teks pada halaman web. Teks ini bisa diperoleh ketika ada teks yang warna biru. Pengguna dapat mengklik teks untuk mengarahkan ke halaman web atau dokumen lain yang ingin dituju.\u00a0<\/span><\/p>\n

Contoh <\/span>hyperlink <\/span><\/i>jenis ini yaitu:\u00a0<\/span><\/p>\n

Beli hosting terbaik Jetorbit<\/span><\/a><\/p>\n

Text Hyperlink<\/span><\/i> digunakan untuk menyediakan navigasi yang mudah dan interaksi yang baik dengan halaman web. Tujuan dari penggunanya adalah meningkatkan pengalaman pengguna dan membantu pengguna untuk menemukan konten lain yang relevan.<\/span><\/p>\n

Keuntungan dari menggunakan <\/span>text hyperlink<\/span><\/i> adalah mudah dikenali dan dapat diintegrasikan dengan teks yang ada pada halaman web. Sedangkan kelemahannya adalah teks dapat menjadi kurang jelas dibanding dengan jenis <\/span>hyperlink <\/span><\/i>yang lainnya.<\/span><\/p>\n

Fungsi Hyperlink<\/b><\/h2>\n

Fungsi <\/span>hyperlink <\/span><\/i>adalah untuk menyediakan akses mudah dan cepat bagi pengguna untuk berpindah dari satu halaman web atau dokumen elektronik ke halaman atau dokumen lainnya. <\/span>Hyperlink <\/span><\/i>juga dapat digunakan untuk menyediakan navigasi dan interaksi pada halaman web.\u00a0<\/span><\/p>\n

Selain itu, masih ada beberapa fungsi <\/span>hyperlink<\/span><\/i>, yakni<\/span> sebagai berikut:<\/span><\/p>\n

Menghubungkan halaman web yang berbeda<\/b><\/h3>\n

Hyperlink <\/span><\/i>membantu pengguna berpindah dari satu halaman ke halaman lain baik dalam satu situs yang sama atau antarsitus yang berbeda.<\/span><\/p>\n

Menyediakan akses cepat ke konten<\/b><\/h3>\n

Hyperlink <\/span><\/i>adalah sebuah <\/span>link <\/span><\/i>yang dapat digunakan untuk menyediakan akses cepat ke konten yang spesifik, seperti halaman produk, halaman kontak, atau halaman dokumen.\u00a0<\/span><\/p>\n

Meningkatkan SEO<\/b><\/h3>\n

Hyperlink <\/span><\/i>dapat digunakan untuk meningkatkan SEO dengan menyediakan <\/span>link <\/span><\/i>berkualitas seperti internal <\/span>link <\/span><\/i>yang mengarahkan pada konten di satu website yang sama dan eksternal <\/span>link <\/span><\/i>yang mengarahkan pada konten di website yang berbeda.\u00a0<\/span><\/p>\n

Meningkatkan pengalaman pengguna<\/b><\/h3>\n

Fungsi hyperlink selanjutnya yaitu dapat digunakan untuk meningkatkan pengalaman pengguna dengan mengarahkan mereka ke konten yang relevan dan membuat navigasi lebih mudah.\u00a0<\/span><\/p>\n

Meningkatkan interaksi<\/b><\/h3>\n

Hyperlink <\/span><\/i>dapat digunakan untuk meningkatkan interaksi dengan menyediakan fitur seperti komentar, sharing, dan pembelian.\u00a0<\/span><\/p>\n

Menyediakan akses ke media<\/b><\/h3>\n

Fungsi terakhir <\/span>hyperlink <\/span><\/i>adalah dapat digunakan untuk menyediakan akses ke media seperti video, gambar, audio, dan file dokumen.<\/span><\/p>\n

Cara Membuat Hyperlink<\/b><\/h2>\n

Berikut ini cara membuat <\/span>hyperlink<\/span><\/i>:<\/span><\/p>\n

Microsoft Powerpoint<\/b><\/h3>\n

Untuk membuat <\/span>hyperlink <\/span><\/i>pada PowerPoint, silakan ikuti langkah-langkah berikut ini:<\/span><\/p>\n

    \n
  1. Buka PowerPoint dan buka presentasi yang ingin ditambahkan hyperlink.\u00a0<\/span><\/li>\n
  2. Pilih objek atau teks yang ingin dijadikan hyperlink. Ini bisa berupa teks, gambar, atau objek lain.\u00a0<\/span><\/li>\n
  3. Klik kanan pada objek atau teks yang dipilih dan pilih \u201cHyperlink\u201d dari menu yang muncul.\u00a0<\/span><\/li>\n
  4. Pilih \u201cPlace in This Document\u201d jika ingin mengarahkan hyperlink ke halaman lain dalam presentasi yang sama.\u00a0<\/span><\/li>\n
  5. Pilih \u201cExisting File or Web Page\u201d jika ingin mengarahkan hyperlink ke halaman web atau file lain.\u00a0<\/span><\/li>\n
  6. Jika memilih \u201cPlace in This Document\u201d, pilih halaman yang ingin dituju. Jika memilih \u201cExisting File or Web Page\u201d, masukkan URL halaman web atau lokasi file yang ingin dituju.\u00a0<\/span><\/li>\n
  7. Klik OK untuk menambahkan hyperlink. Kalian juga dapat menambahkan hyperlink pada objek dengan mengklik objek tersebut lalu klik \u201cInsert\u201d pada ribbon, pilih \u201cLinks\u201d dan pilih \u201cHyperlink\u201d.<\/span><\/li>\n
  8. Yeayy, hyperlink sudah ditambahkan! Ketika dipresentasikan, objek yang dijadikan hyperlink akan berubah warna jika di klik dan akan mengarahkan ke halaman yang dituju.<\/span><\/li>\n<\/ol>\n

    Microsoft Word<\/b><\/h3>\n

    Untuk membuat hyperlink pada Microsoft<\/a> Word, kalian dapat mengikuti langkah-langkah berikut ini:\u00a0<\/span><\/p>\n

      \n
    1. Buka Microsoft Word dan buka dokumen yang ingin ditambahkan hyperlink.\u00a0<\/span><\/li>\n
    2. Pilih teks atau objek yang ingin dijadikan hyperlink.\u00a0<\/span><\/li>\n
    3. Klik \u201cInsert\u201d pada ribbon, pilih \u201cLinks\u201d lalu pilih \u201cHyperlink\u201d\u00a0<\/span><\/li>\n
    4. Pilih \u201cExisting File or Web Page\u201d jika ingin mengarahkan hyperlink ke halaman web atau file lain.\u00a0<\/span><\/li>\n
    5. Masukkan URL halaman web atau lokasi file yang ingin dituju pada kolom \u201cAddress\u201d .<\/span><\/li>\n
    6. Klik OK untuk menambahkan hyperlink.\u00a0<\/span><\/li>\n
    7. Yeayyy, hyperlink sudah ditambahkan! Ketika dibuka dalam mode tampilan normal teks yang dijadikan hyperlink akan berubah warna jika di klik dan akan mengarahkan ke halaman yang dituju.\u00a0<\/span><\/li>\n
    8. Kalian juga dapat menambahkan hyperlink pada objek dengan mengklik objek tersebut. Kemudian klik kanan dan pilih \u201cHyperlink\u201d dan ikuti langkah yang sama seperti di atas.<\/span><\/li>\n<\/ol>\n

      Website<\/b><\/h3>\n

      Untuk membuat hyperlink pada HTML, kalian dapat menggunakan tag <a> (anchor) dan atribut href. Tag <a> digunakan untuk membuat hyperlink, sedangkan atribut href digunakan untuk menentukan URL yang akan dituju oleh hyperlink.<\/span><\/p>\n

      Berikut ini contoh hyperlink sederhana dengan menggunakan tag <a> dan atribut href dalam HTML:<\/span><\/p>\n

      <a href=\u201dhttps:\/\/www.jetorbit.com\u201d>Jetorbit<\/a><\/span><\/p>\n

      Di atas adalah contoh hyperlink yang mengarahkan pengguna ke halaman web \u201chttps:\/\/www.jetorbit.com\u201d ketika teks \u201cJetorbit\u201d diklik.<\/span><\/p>\n

      Jadi, Kalian Sudah Bisa Menambahkan Hyperlink, kah?<\/b><\/h2>\n

      Bisa disimpulkan bahwa <\/span>hyperlink <\/span><\/i>adalah link yang bisa membantu pengguna untuk mengakses konten yang relevan, mengarahkan pada situs lain, bahkan bisa memudahkan pengguna untuk menemukan dokumen.<\/span><\/p>\n

      Selamat mencoba dan tunggu informasi menarik lainnya, ya \ud83d\ude42<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

      Bagi kalian yang sudah terbiasa mengembangkan website atau menulis dokumen pada Word mungkin sudah tak asing lagi dengan istilah hyperlink. Trus, yang belum tahu apapun dengan hyperlink bagaimana, dong? Santuy, kalian cukup simak artikel ini sampai kelar. Yuk langsung simak saja Apa Itu Hyperlink, Fungsi, dan Cara Membuatnya Apa Itu Hyperlink?\u00a0 Hyperlink adalah teks atau … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":14918,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"generate_page_header":"","footnotes":""},"categories":[25],"tags":[5461,5465,283,5464,7,5462,5463,5466],"class_list":["post-14907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-info","tag-apa-itu-hyperlink","tag-cara-membuat-hyperlink","tag-domain-murah","tag-fungsi-hyperlink","tag-hosting-murah","tag-hyperlink-adalah","tag-jenis-hyperlink","tag-membuat-hyperlink","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/14907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/comments?post=14907"}],"version-history":[{"count":3,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/14907\/revisions"}],"predecessor-version":[{"id":14919,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/14907\/revisions\/14919"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media\/14918"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media?parent=14907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/categories?post=14907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/tags?post=14907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}