BAB 013 - Hyperlink

Link ditemukan di hampir semua halaman web. Link memungkinkan pengguna meng-klik jalannya berpindah dari halaman ke halaman.

Ketika Anda menggerakkan mouse di atas link, panah mouse akan berubah menjadi tangan kecil.

Link tidak harus berupa teks. Link bisa berupa gambar atau elemen HTML lainnya.

<a href="url">link text</a>

Contoh :

  1. <a href= "https://yesnetijen.web.id/html/">Step By Step Belajar HTML 5</a>
  2. <a href= "/html/indeks.html">Step By Step Belajar HTML 5</a>

Pada contoh 1 kita menggunakan url absolut (alamat web lengkap), biasanya digunakan untuk alamat link eksternal atau diluar server web kita.

Pada contoh 2 kita menggunakan url relatif (tanpa https://www.) pada alamat link lokal.

 

 

Warna link HTML

Secara default, sebuah link akan muncul seperti ini (di semua browser): :

  • link yang belum dikunjungi (normal) digarisbawahi dan berwarna biru
  • link yang sudah dikunjungi (visited) digarisbawahi dan berwarna ungu

Kita dapat mengubah warna default, dengan menggunakan CSS:

Contoh lihat Yes!Cobalah paling bawah.

 

 

Hyperlink menggunakan Image

link bisa juga menggunakan image.

Contoh lihat Yes!Cobalah paling bawah.

 

 

Atribut target

Atribut target menentukan di mana untuk membuka dokumen terkait, yaitu :

  • _blank - Membuka dokumen yang ditautkan di jendela atau tab baru
  • _self - Membuka dokumen yang ditautkan di jendela / tab yang sama seperti yang diklik (ini adalah default)
  • _parent - Membuka dokumen yang ditautkan dalam frame induk (jarang digunakan)
  • _top - Membuka dokumen yang ditautkan keluar dari frame (jarang digunakan)
  • framename - Membuka dokumen yang ditautkan ke dalam nama frame.(jarang digunakan)

Contoh lihat Yes!Cobalah paling bawah.

 

 

Atribut title

Atribut title memberikan informasi tambahan tentang elemen. Informasi ini paling sering ditampilkan sebagai teks tooltip ketika mouse bergerak di atas elemen.

Contoh lihat Yes!Cobalah paling bawah.

 


Link Bookmark

Bookmark HTML digunakan untuk memungkinkan pembaca melompat ke bagian tertentu dari halaman Web.

Bookmark dapat bermanfaat jika halaman web Anda sangat panjang.

Untuk membuat bookmark, Teman & temanwati netijen harus terlebih dahulu membuat bookmark dengan atribut "id", dan kemudian menambahkan tautan ke sana.

Ketika tautan diklik, halaman tersebut akan bergulir ke lokasi dengan bookmark.

Contoh lihat Yes!Cobalah paling bawah.

 

 

Yes!Cobalah


Cobalah utak-atik contoh diatas

 


Sebelumnya
Bab 012 - Warna
  Berikutnya
BAB 014 - Image

 

(1) Komentar

avatar user

horehore02 Apr 2019

nitip sendal wkwkw

Beri komentar





Hanya komentar yang sudah di-approve admin yang tampil.

KESIMPULAN : Link ditemukan di hampir semua halaman web. Link memungkinkan pengguna meng-klik jalannya berpindah dari halaman ke halaman. Ketika Anda menggerakkan mouse di atas link, panah mouse akan berubah menjadi tangan kecil. Link tidak harus berupa teks. Link bisa berupa gambar atau elemen HTML lainnya. <a href="url">link text</a> Contoh : <a href= "https://yesnetijen.web.id/html/">Step By Step Belajar HTML 5</a> <a href= "/html/indeks.html">Step By Step Belajar HTML 5</a> Pada contoh 1 kita menggunakan url absolut (alamat web lengkap), biasanya digunakan untuk alamat link eksternal atau diluar server web kita. Pada contoh 2 kita menggunakan url relatif (tanpa https://www.) pada alamat link lokal.     Warna link HTML Secara default, sebuah link akan muncul seperti ini (di semua browser): : link yang belum dikunjungi (normal) digarisbawahi dan berwarna biru link yang sudah dikunjungi (visited) digarisbawahi dan berwarna ungu Kita dapat mengubah warna default, dengan menggunakan CSS: Contoh lihat Yes!Cobalah paling bawah.     Hyperlink menggunakan Image link bisa juga menggunakan image. Contoh lihat Yes!Cobalah paling bawah.     Atribut target Atribut target menentukan di mana untuk membuka dokumen terkait, yaitu : _blank - Membuka dokumen yang ditautkan di jendela atau tab baru _self - Membuka dokumen yang ditautkan di jendela / tab yang sama seperti yang diklik (ini adalah default) _parent - Membuka dokumen yang ditautkan dalam frame induk (jarang digunakan) _top - Membuka dokumen yang ditautkan keluar dari frame (jarang digunakan) framename - Membuka dokumen yang ditautkan ke dalam nama frame.(jarang digunakan) Contoh lihat Yes!Cobalah paling bawah.     Atribut title Atribut title memberikan informasi tambahan tentang elemen. Informasi ini paling sering ditampilkan sebagai teks tooltip ketika mouse bergerak di atas elemen. Contoh lihat Yes!Cobalah paling bawah.   Link Bookmark Bookmark HTML digunakan untuk memungkinkan pembaca melompat ke bagian tertentu dari halaman Web. Bookmark dapat bermanfaat jika halaman web Anda sangat panjang. Untuk membuat bookmark, Teman & temanwati netijen harus terlebih dahulu membuat bookmark dengan atribut "id", dan kemudian menambahkan tautan ke sana. Ketika tautan diklik, halaman tersebut akan bergulir ke lokasi dengan bookmark. Contoh lihat Yes!Cobalah paling bawah.     Yes!Cobalah Cobalah utak-atik contoh diatas  

 

 

Step By Step Belajar HTML 5

 

 

Artikel Lainnya :