cara membuat link pada html_

 jadi kali ini saya akan memberi tahu cara membuat hyperlink pada html








oke jadi sebelum kita belajar link,kita harus mngenal apa itu link pada html

link pada html adalah fungsi pada html yang membantu para pembaca menuju informasi lainnya secara singkat dan (memungkinkan pengguna mengeklik jalan mereka dari halaman ke halaman)
 bisa berupa text,gambar,maupun video

<a href="url">link text</a>
nah ini jika kalian ingin membuat link biasa

Contoh

Contoh ini menunjukkan cara membuat tautan ke W3Schools.com:

  <a href="https://www.w3schools.com/">Visit W3Schools.com!</a>

jadinya akan seperti ini 

Kunjungi W3Schools.com!

naahh,Secara default, halaman tertaut akan ditampilkan di jendela browser saat ini. Untuk mengubah ini, Anda harus menentukan target lain untuk tautan tersebut.

Atribut targetmenentukan tempat untuk membuka dokumen tertaut.

Atribut targetdapat memiliki salah satu dari nilai berikut:

  • _self- Bawaan. Membuka dokumen di jendela/tab yang sama dengan yang diklik
  • _blank- Membuka dokumen di jendela atau tab baru
  • _parent- Membuka dokumen di bingkai induk
  • _top- Membuka dokumen di seluruh bagian jendela


Contoh

Gunakan target="_blank" untuk membuka dokumen tertaut di jendela atau tab browser baru:

<a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a>


URL Absolut vs. URL Relatif

Kedua contoh di atas menggunakan URL absolut (alamat web lengkap) dalam hrefatribut.

Tautan lokal (tautan ke halaman dalam situs web yang sama) ditentukan dengan URL relatif (tanpa bagian "https://www"):


<h2>Absolute URLs</h2>
<p><a href="https://www.w3.org/">W3C</a></p>
<p><a href="https://www.google.com/">Google</a></p>

<h2>Relative URLs</h2>
<p><a href="html_images.asp">HTML Images</a></p>
<p><a href="/css/default.asp">CSS Tutorial</a></p>



Tautan HTML - Gunakan Gambar sebagai Tautan

Untuk menggunakan gambar sebagai tautan, cukup letakkan <img> tag di dalam <a>


<a href="default.asp">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;">
</a>


Tautan ke Alamat Email

Gunakan mailto:di dalam hrefatribut untuk membuat tautan yang membuka program email pengguna (agar mereka dapat mengirim email baru):


<a href="mailto:someone@example.com">Send email</a>


Tombol sebagai Tautan

Untuk menggunakan tombol HTML sebagai tautan, Anda harus menambahkan beberapa kode JavaScript.

JavaScript memungkinkan Anda untuk menentukan apa yang terjadi pada peristiwa tertentu, seperti mengklik tombol:


<button onclick="document.location='default.asp'">HTML Tutorial</button>


yaa mungkin segini saja yang bisa saya sampaikan,maaf bila ada kata kata yang kurang dimengerti,terimakasih semuanyaaaaa





Komentar