Membuat Link Teks Ke Halaman Website Lain Dengan HTML

dalam HTML
Hosting Murah Berkualitas

LINK adalah sebuah objek dalam sebuah halaman website yang bisa menghubungkan satu halaman website ke halaman website yang lainnya. Bentuk dari LINK ini biasanya berbentuk teks ataupun gambar. Link yang berbentuk teks ini biasanya disebut dengan panggilan Link Teks, sedangkan link yang berbentuk gambar disebut link image. Jadi kesimpulannya adalah sebuah teks ataupun gambar bisa kita jadikan sebagai link atau jalan masuk ke halaman website lainnya.

Halaman website yang akan menjadi tujuan sebuah link bisa merupakan halaman website lain yang ada di internet maupun halaman dokumen lainnya yang ada dihalaman website kita sendiri yang biasanya ada satu folder pada kumpulan dokumen html kita. Link ini pun bisa juga kita buat ngelink ke halaman dokumen itu sendiri, seperti link menuju ke bagian awal halaman, ke bagian tengah halaman, atau pun ke bagian akhir halaman, jadi link ini cuma ngelink pada bagian dalam satu halaman itu saja.

Agar anda bisa lebih faham mengenai bahasan yang bertemakan Link ini, saya akan pecah pembahasannya menjadi beberapa sub judul pada artikel yang berjudul Membuat Link Teks Ke Halaman Website Lain Dengan HTML ini. Untuk lengkapnya silahkan disimak penjelasannya berikut ini.

Membuat Link Ke Halaman Website Lain Yang Berbeda Alamat URL

Berdasarkan sub judul diatas, pada kesempatan kali ini kita akan membuat link menuju ke dokumen lain yang ada di website orang lain yang ada diinternet. Link seperti ini biasanya disebut sebagai Absolut URL Hyperlink. Jadi, dengan menggunakan Absolut URL Hyperlink ini nantinya kita bisa membuat link yang diarahkan pada dokumen HTML lain yang berada pada server lain yang berbeda lokasi dengan server kita.

Format yang akan kita gunakan untuk membuat link ke halaman website lain yang berbeda URL ini adalah sebagai berikut.

<A HREF=”http://www.nama-url-tujuan.com“>Teks deskripsi URL Tujuan</A>

Sebagai contoh sederhananya, kita akan membuat link yang kita arahkan pada halaman utama Mesin Pencari atau Search Engine Google. Format untuk membuat link ini bisa kita lihat cara penulisannya dibawah ini.

<A HREF=”http://www.google.com“>Teks deskripsi URL Tujuan</A>

Dengan contoh penulisan tersebut diatas, maka akan tampil pada halaman website anda sebuah teks yang bertuliskan “Teks deskripsi URL Tujuan”, yang apabila anda klik teks tersebut maka anda akan diarahkan menuju ke halaman utama Mesin Pencari Google tersebut.

Membuat Link Ke Halaman Lain Dalam Satu Komputer Atau Server

Maksud dari sub judul ini adalah kita akan membuat sebuah link yang tujuannya diarahkan pada Dokumen HTML lainnya yang masih dalam satu komputer atau satu server. Tentunya anda sudah tahu bahwa sebuah website terdiri dari banyak halaman yang dibangun dengan menggunakan kode-kode seperti HTML, PHP, Javascript dan kode-kode lainnya. Nah, dengan cara yang akan kita bahas ini akan memungkinkan anda untuk bisa membuat sebuah link menuju halaman-halaman lainnya yang ada pada website anda tersebut. Link seperti ini biasanya disebut sebagai Relative URL Hyperlink.

Dengan menggunakan Relative URL Hyperlink ini kita akan coba membuat link dari satu halaman kita ke halaman lainnya yang kita miliki. Agar pembelajaran ini mudah untuk anda mengerti, maka sebaiknya file-file halaman HTML tersebut anda letakkan dulu dalam satu folder agar nantinya bisa memudahkan anda dalam melakukan pemanggilan file-file HTML lainnya.

Format yang digunakan untuk membuat Relative URL Hyperlink ini adalah sebagai berikut.

<A HREF=”http://www.nama-file-html-tujuan.html“>Teks deskripsi File HTML Tujuan</A>

Dalam contoh diatas tadi sebenarnya masih bisa kembangkan lagi dengan penambahan atribut lainnya, yaitu salah satunya adalah atribut target dalam tag <A HREF> tadi. Sehingga penulisannya menjadi sebagai berikut.

<A HREF=”http://www.nama-file-html-tujuan.htmltarget=”_blank”>Teks deskripsi File HTML Tujuan</A>

Fungsi target=”_blank” pada kode diatas tadi yaitu untuk membuka link tujuan agar dibuka pada Tab baru. Nilai untuk atribut target ini ada beberapa format lagi, silahkan disimak bentuk format lainnya dibawah ini.

_blank : Target ke windows atau Tab baru

_self : Target ke frame dan windows yang sama

_parent : Target ke frame yang lebih satu tingkat dalam satu windows yang sama

_top : target ke frame paling atas dalam windows yang sama

Silahkan nanti anda coba sendiri berdasarkan contoh-contoh diatas tadi agar anda memiliki pengalaman sendiri dan lebih faham lagi apa tujuannya.

Untuk mencontohkan format link diatas, misalkan anda memiliki 2 file HTML. File yang pertama nama file nya file-html-1 dan nama file yang kedua namanya file-html-2.  Misalkan link teks nya akan anda letakkan pada file yang pertama dan link tujuannya adalah menuju file yang kedua. Maka format kode yang harus anda ketik diantara tag <body> pada file file-html-1 formatnya adalah sebagai berikut.

<A HREF=”http://www.file-html-2“>Klik Disini Untuk Menuju Ke File Ke 2</A>

Jika nanti anda buka file yang pertama tadi pada browser anda, maka anda akan melihat sebuah link teks yang bertuliskan “Klik Disini Untuk Menuju Ke File Ke 2“, yang apabila teks ini anda klik maka anda akan diarahkan menuju file yang kedua dan browser pun akan menampilkan file kedua anda.

Untuk mempraktekkan Absolut URL Hyperlink dan Relative URL Hyperlink tadi, silahkan anda buka Notepad anda lalu buat 2 file HTML dan letakkan ke 2 file HTML tersebut pada satu folder. Silahkan anda copy paste kode-kode HTML dibawah ini.

Kode HTML Pertama beri nama file-1.html :

<html>
<header>
<title>
Membuat Link Ke Halaman Website Lain Dengan HTML
</title>
</header><body bgcolor=”aqua”><font size=5>Ini contoh Link Ke Halaman Website Lain Yang Berbeda Alamat URL</font><br>
<font size=5><a href=”http://www.google.com” target=”_blank”>Klik Link ini untuk Menuju ke Halaman Google</a></font><br><br><br><br><font size=5>Ini contoh Link Ke Halaman File-2 Dalam Satu Komputer Atau Server</font><br>
<font size=5><a href=”file-2.html” target=”_blank”>Klik Link ini untuk Menuju ke Halaman file <i>file-2.html</i></a></font><br><br><br><br></body>
</html>

Kode HTML Kedua beri nama file-2.html :

<html>
<header>
<title>
Membuat Link Ke Halaman Website Lain Dengan HTML
</title>
</header><body bgcolor=”yellow”><font size=5>Ini contoh Link Ke Halaman Website Lain Yang Berbeda Alamat URL</font><br>
<font size=5><a href=”http://www.facebook.com” target=”_blank”>Klik Link ini untuk Menuju ke Halaman Facebook</a></font><br><br><br><br><font size=5>Ini contoh Link Ke Halaman File-1 Dalam Satu Komputer Atau Server</font><br>
<font size=5><a href=”file-1.html” target=”_blank”>Klik Link ini untuk Menuju ke Halaman file <i>file-1.html</i></a></font><br><br><br><br></body>
</html>

Setelah kode-kode HTML tadi diatas sudah anda simpan menjadi 2 file HTML dan diberi nama sesuai dengan namanya masing-masing, maka sekarang silahkan anda simpan ke 2 file HTML tadi pada satu folder.

Setelah sudah anda simpan pada satu folder, maka silahkan anda klik 2x pada file pertama yang bernama file file-1.html untuk menampilkannya di browser. Tampilan Backgorundnya akan berwarna Aqua seperti gambar dibawah ini.

Tampilan File-1.html

Pada tampilan file file-1.html diatas tadi, jika anda klik pada tulisan “Klik Link ini untuk Menuju ke Halaman Google” maka akan dibuka tab baru yang berisikan halaman Google.

Namun jika anda klik pada tulisan “Klik Link ini untuk Menuju ke Halaman file file-2.html” maka akan dibuka tab baru yang berisikan halaman dari file html yang bernama file file-2.html. Tampilan dari file-2.html tadi akan berwarna Yellow atau Kuning seperti gambar dibawah ini.

tampilan file-2.html

Pada tampilan file file-2.html ini, jika anda klik pada tulisan “Klik Link ini untuk Menuju ke Halaman Facebook” maka akan dibuka tab baru yang berisikan halaman Facebook.

Sedangkan jika anda klik pada tulisan “Klik Link ini untuk Menuju ke Halaman file file-1.html” maka anda akan dibawa lagi ke halaman file pertama tadi yaitu file-1.html  sebelumnya, dengan dibukanya tab baru yang berisikan halaman dari file html yang bernama file file-1.html.

Jika anda belum faham benar dengan langkah-langkah yang saya jelaskan pada artikel ini, maka silahkan anda langsung tonton saja Video Tutorialnya. melalui Link yang dibawah ini. Atau Jika anda ingin melihat semua Video Tutorial Pembelajaran Website lainnya yang sudah saya upload ke youtube, maka silahkan anda kunjungi saja channelnya dengan klik link ini

https://www.youtube.com/channel/UCyHUJtWm75DPmaJ93L5trog

Untuk memudahkan anda mendapatkan Update Video terbarunya, maka silahkan anda klik tombol SUBSCRIBE atau LANGGANAN di channel youtube tadi GRATIS tidak dipungut biaya sepeserpun.

Sedangkan jika anda ingin Memaksimalkan Pengetahuan Tentang Komputer, maka silahkan klik

https://www.youtube.com/channel/UCCN00g4lvoawk5tWsU-_syA

Jangan lupa klik tombol SUBSCRIBE nya untuk ber LANGGANANGRATIS di channel youtube KE-2 saya ini untuk memudahkan anda mendapatkan UPDATE VIDEO TERBARU dari saya.

Saya cukupkan sekian dulu artikel saya yang berjudul Membuat Link Teks Ke Halaman Website Lain Dengan HTML ini. Sebetulnya pembahasan tentang Membuat Link ini belum selesai, masih ada jenis link lainnya. Namun karena keterbatasan Ruang dan waktu, maka materi tersebut lainnya akan saya bahas pada artikel lainnya sebagai lanjutan dari pembelajaran kali ini. Selamat praktek dan semoga bermanfaat.

 

Tags: #belajar html #html #kode html #membangun website #tutorial website #web design

author
Penulis: 
Saya adalah Seorang Blogger yang aktif dan konsen di bidang programming, web design, graphic design dan bisnis online. Saya juga tertarik pada bidang Parenting, Kesehatan dan informasi bermanfaat lainnya.
Cara Posting Artikel Di Website Berbasis WordPress
Cara Posting Artikel Di Website Berbasis WordPress
Pada saat yang lalu saya sudah membahas
Konfigurasi WordPress Yang Penting Untuk Diketahui
Konfigurasi WordPress Yang Penting Untuk Diketahui
Pada kesempatan yang lalu saya sudah membahas
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Bagi anda yang ingin memiliki banyak website
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Langkah pertama yang harus anda lakukan ketika
Cara Membeli Domain Dan Hosting
Cara Membeli Domain Dan Hosting
Salah satu persyaratan untuk bisa memiliki sebuah
Cara Install WordPress Di Localhost Dengan Xampp
Cara Install WordPress Di Localhost Dengan Xampp
Sebagai lanjutan dari pembelajaran membangun website, kali
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Sebelum anda memulai untuk belajar membuat website,
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Pada kesempatan yang lalu saya sudah share
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Kali ini saya akan sharing bagaimana caranya
  1. author

    caryang2 tahun yang lalu

    terimakasih tutorial membuat link teks nya.

    Balasan
  2. author
    Penulis

    Apit Saepulloh2 tahun yang lalu

    iya sama-sama..maaf video tutorial linknya rusak…segera akan saya perbaiki..silahkan di cek artikel lainnya..sebagian artikel videonya sudah saya perbaiki.

    Balasan

Beri komentar "Membuat Link Teks Ke Halaman Website Lain Dengan HTML"

Baca juga×

Top