Penggunaan Tag Href Untuk Membuat Link (eksternal)pada struktur HTML #6

Assalamualaikum teman teman  apa kabarnya nih?? Semoga  kalian sehat selalu ya ,,, owh iya udah lama sekali nih mimin gak up materi dan berbagi ke kalian karena akhir akhir ini mimin sibuk heheh,tapi tenang aja kali ini mimin akan berbagi materi baru nih..

Dalam pembahasan kita kali ini mimin akan membahas  bagaimana cara untuk memberikan Tautan link  menggunakan teg <href>

Baikklah langsung saja kita ke pembahasan

Pertama tama sebelum memulai seperti biasa mari kita siakan bahan bahan yang diperlukan seperti :

Code editor (sublime text,visual studio ,notepad ++)

Disini mimin menggunakan  sublime text ya…..

Owh iya mimin akan ingatkan lagi ,materi yang admin bagikan terbagi menjadi beberapa materi ,materi tersebut akan mimin tulis  sesuai dengan pembahasan dari awal hingga seterusnya dengan tagar  (judul #1)  jika kalian ingin tau dari awal kalian bisa cek materi sebelumnya ya ,mengenai elemen elemen ataupun pembahasan dasar ada di pembahsan html awal ….

Baikalh kita tuliskan dulu code nya …perhatikan code dibawah:

<!DOCTYPE html>
<html>
<head>
            <title>Pembuatan hyperlinx</title>
</head>
<body>
            <p>Coba <a href= “http://www.google.com”> klik </a> Supaya Bisa Lanjut ke halaman berikutnya</p>
</body>
</html>

KarenaDipembahasan awal kita sudah membahas tentang penggunaan dari fungsi tag (head,title,body dll) Maka kita disini hanya akan membahas bagian code yang sedang dibahas saja atau code yang berhubungan dan berkaitan yakni tag <p>..</p> dan tag  <a href> </a>

Baiklah mari ke sesi penjelasan :

Seperti yang kita tahu tag p berfungsi sebagai tag yang menampilkan sebuah paragraf dan di dalam tag <p>…</p> masih terdapat sebuah tag lain yakni tag  <a href>…</a>.

Yang mana tag <a href>…</a> yang berfungsi untuk membuat hyperlink  dalam html.

Perhatikan Gambar Dibawah Ini…..

Coba Perhatikan pada penulisan code ini saya telah memasukan code :

<p>Coba <a href= "http://www.google.com"> klik </a> Supaya Bisa Lanjut ke halaman berikutnya</p>

Didalam code ini saya membuat sebuah teks dengan tag <p> dan didalam tag <p> Terdapat sebuah tag lain yaitu  :

<a href= “http://www.google.com”> klik </a>

Fungsi dari tag ini yakni membuat sebuah link yang mana apabila kita tekan /pencet kita akan di arahkan kepada alamat link yang kita tuju ,dalam pembuatan link ini  dibagi menjadi 2 kategori yaitu link internal dan link eksternal ,dalam codingan ini saya membuat link yang bersifat eksternal .

BINGUNG??

Coba perhatikan pada tulisan “<a href= “http://www.google.com”> klik </a>”

Dalam hal ini link/alamat yang saya tuju ialah google. Nah mari kita asumsikan bahwa google adalah link luar.

Lalu bagaimana dengan link yang bersifat internal??

Dalam pembahasan ini saya akan membahas link yang bersifat eksternal terlebih dahulu ….

Lanjut kepembahasan…

<p>Coba <a href= “http://www.google.com”> klik </a> Supaya Bisa Lanjut ke halaman berikutnya</p>

Dalam code ini terdapat bagian yang menghubungkan  kata dengan alamat yang kita tuju yakni:

 <a href= “http://www.google.com”> klik </a>

Kata “klik” akan berubah menjadi sebuah link yang akan mengantarkan kita pada sebuah alamat yang ingin kita tuju

Selain dari kata klik maka itu termasuk bagian dari tag <p>…</p>dan hanya mempunyai fungsi sebagai teks biasa saja, jika masih bingung perhatikan gambar berikut.

Lihat PADA GAMBAR, yang sudah saya lingkari merupakan kata sebuah kata yang akan mengantarkan kita pada alamat yang ingin kita tuju,jika kita memencet tulisan “klik”  maka kita akan di arahkan kepada google chrome…

Oke baiklah itu saja yang bisa mimin sampaikan kali ini jika kalian masih bingung ,lebih baik kalian langsung mencobanya saja dan kalian akan tahu bagian bagian mana yang memiliki sebuah fungsi untuk membuat hyperlink…

Jika ada salah kata dalam penulisan kali ini mimin mohon maaf silahkan coment  jika ada yang ingin ditanyakan mengenai hyper link sekian terima kasih…

Sampai jumpa di pembahasan selanjutnya….

Assalamualaikum warmatullahi wabarakathuh….

Author: Mr_Shiroo

Leave a Reply

Your email address will not be published. Required fields are marked *