Belajar HTML Dasar : LInk


Belajar HTML Dasar : Link - Pada kesempatan ini, kita akan melanjutkan pembelajaran mengenai HTML dasar tentang Link atau tautan. Hampir semua orang sudah paham dan mengenal dengan apa itu Link. Namun hanya sebagian saja yang paham dengan penulisannya.

Bagi kalian yang baru belajar HTML, dan belum paham mengenai Link, jangan khawatir. Pada kesempatan ini akan kita bahas dan pelajari bersama-sama.

Untuk kalian yang belum membaca mengenai pembelajaran HTML sebelumnya, kalian dapat membacanya terlebih dahulu. Agar urut dan tidak bingung hehe.

Baca juga -> Belajar HTML Dasar : Atribut HTML

Apa itu Link pada HTML?

Link HTML adalah hyperlink yang mana kalian dapat meng-klik link atau tautan dan berpindah ke tempat lain.

Apakah Link harus berupa text? jawabannya tidak. Link bisa berupa gambar, tombol, dan elemen HTML lainnya.

Sintaks atau Syntax Link HTML

Hyperlink HTML didefinisikan dengan tag <a>.



<a href="https://www.jogjaxploit.site">JogjaXploit Cinta Indonesia</a>



Penjelasan dari contoh penulisan atau pembuatan hyperlink :

Atribut href menentukan tujuan dari link tersebut. Atau alamat dari link tersebut.

Tulisan "https://www.jogjaxploit.site" tidak akan terlihat di layar atau browser. Yang akan terlihat di layar yaitu tulisan JogjaXploit cinta indonesia.

Jika kalian meng-klik tulisan JogjaXploit cinta indonesia, kalian akan diarahkan atau berpindah ke alamat yang terdapat di dalam atribut href.

Link lokal atau tautan lokal

tautan lokal atau link lokal yaitu tautan yang mana alamat link nya terdapat pada satu web yang sama. Ditentukan dengan URL relatif yang mana tidak menggunakan "https://www".

Contoh


<a href="html_images.asp">HTML Images</a>

Atribut Target pada Link HTML

Atribut target mendefinisikan akan dibuka dengan cara gimana suatu hyperlink jika di-klik.

Jenis-jenis nilai dari atribut target dapat kalian lihat di bawah ini.

1. _blank - Artinya, jika link di-klik, maka dokumen atau link akan di buka di jendela atau tab baru.

2. _self - Ini merupakan nilai default yang mana akan membuka dokumen atau link pada halaman / tab ini sendiri.

3. _parent - Membuka hyperlink dalam bingkai induk

3. _top - Membuka hyperlink di seluruh jendela atau tab

Contoh di bawah ini merupakan nilai dari atribut target _blank yang mana akan membuka dokumen atau hyperlink di jendela / tab baru.



<a href="https://www.jogjaxploit.site/" target="_blank">Kunjungi JogjaXploit</a>


Link atau tautan pada gambar

Contoh :


<a href="default.asp">
  <img src="jogjaxploit.jpg" alt="Website JogjaXploit">
</a>

Alt pada kode diatas berfungsi untuk menampilkan gambar apabila gambar tidak dapat ditampilkan. Baca tentang Atribut HTML

Link atau tautan pada tombol ( button )

Kalian perlu menambahkan kode JavaScript untuk memberikan link atau tautan pada tombol yang kalian buat. Yang mana akan kita pelajari sendiri mengenai JavaScript nantinya.

Contoh :

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

Hasil :

Membuat tombol sebagai link pada HTML

Kesimpulan dari pembelajaran Link pada HTML ini yaitu :

1. Gunakan tag <a> untuk mendefinisikan bahwa itu merupakan link atau tautan

2. Gunakan href untuk menentukan lokasi atau alamat dari link tersebut

3. Gunakan target untuk menentukan lokasi dimana dokumen atau link tersebut di klik atau di buka.

4. Gunakan <img> di dalam tag <a> untuk membuat gambar sebagai Link

Mungkin cukup sekian pembelajaran atau artikel mengenai Belajar HTML Dasar tentang Link. Pemahaman mengenai hyperlink sangatlah penting. Jika kalian belum paham, atau ada kendala, kalian ulangi membaca dari awal artikel ini. Atau kalian dapat bertanya melalui kolom komentar.

Terima kasih sudah berkunjung dan mau belajar bersama. Sampai jumpa.

Silahkan Bertanya atau Beri Tanggapannya, Terima Kasih

Posting Komentar

Silahkan Bertanya atau Beri Tanggapannya, Terima Kasih

Post a Comment (0)

Lebih baru Lebih lama

ads

ads