HTML Link


«Previous Lanjut Bab »

Sebuah pranala adalah “alamat” untuk sebuah dokumen (atau sumber daya) di web.


Try it Yourself – Contoh

Link HTML
Contoh ini menunjukkan cara membuat link dalam dokumen HTML.

Buka link di jendela browser yang baru
Contoh ini menunjukkan bagaimana untuk link ke halaman lain dengan membuka jendela baru, sehingga pengunjung tidak harus meninggalkan situs Web Anda.

(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini)


Hyperlinks, Anchors, and Links

Dalam istilah web, hyperlink adalah referensi (alamat) ke sumber daya di web.

Hyperlink dapat menunjuk pada satu sumber daya di web: halaman HTML, gambar, file suara, film, dll

Jangkar adalah istilah yang digunakan untuk menentukan tujuan hyperlink di dalam dokumen.

Elemen anchors HTML <a>, digunakan untuk menentukan baik hyperlink dan anchors.

Kita akan menggunakan istilah tautan HTML ketika elemen <a> menunjuk ke sebuah sumber daya, dan istilah HTML jangkar ketika unsur <a> mendefinisikan alamat di dalam sebuah dokumen ..


Link HTML

Link sintaks:

<a href=”url”> Link teks </ a>

Start tag berisi atribut tentang link.

Elemen konten (Link teks) mendefinisikan bagian yang akan ditampilkan.

Catatan: Unsur konten tidak harus teks. Anda dapat membuat link dari gambar atau elemen HTML lainnya.


Atribut href

Mendefinisikan atribut href link “alamat”.

Elemen <a> ini mendefinisikan link ke W3Schools:

<a href=”http://www.w3schools.com/”&gt; Visit W3Schools! </ a>

Kode di atas akan menampilkan seperti ini di browser:

Visit W3Schools!


Atribut target

Atribut target mendefinisikan di mana dokumen terkait akan dibuka.

Kode di bawah ini akan membuka dokumen dalam jendela browser baru:

Contoh

<a href = “http://www.w3schools.com/&#8221;

target=”_blank”> Kunjungi W3Schools! </ a>

Coba sendiri »


Nama Atribut

Ketika nama atribut digunakan, mendefinisikan sebuah elemen <a> bernama jangkar di dalam dokumen HTML.

Bernama jangkar tidak ditampilkan dalam cara khusus. Mereka tidak terlihat oleh pembaca.

Bernama jangkar sintaks:

<a> Setiap konten </ a>

Sintaks link ke sebuah bernama jangkar:

<a href=”#label”> Setiap konten </ a>

The # dalam atribut href mendefinisikan sebuah link ke sebuah bernama jangkar.

Contoh:

Seorang bernama jangkar dalam dokumen HTML:

<a> Useful Tips Section </ a>

Sebuah link ke Useful Tips Section dari dokumen yang sama:

<a href=”#tips”>
Langsung ke Useful Tips Section </ a>

Sebuah link ke Useful Tips Section dari dokumen lain:

<a href=”http://www.w3schools.com/html_tutorial.htm#tips”&gt;

Langsung ke Useful Tips Section </ a>


Catatan Dasar – Tips Berguna

Selalu menambahkan spasi untuk subfolder referensi. Jika Anda link seperti ini: href = “http://www.w3schools.com/html&#8221;, Anda akan menghasilkan dua permintaan HTTP ke server, karena server akan menambahkan slash ke alamat dan membuat permintaan baru seperti ini: href = “http://www.w3schools.com/html/&#8221;

sering digunakan untuk membuat “daftar isi” pada permulaan dokumen yang besar. Tiap bab dalam dokumen diberi bernama jangkar, dan link ke masing-masing jangkar ini diletakkan di bagian atas dokumen.

Jika browser tidak dapat menemukan bernama jangkar yang telah ditentukan, ia pergi ke bagian atas dokumen. No error occurs. Tidak ada kesalahan terjadi.


Lebih Contoh

Gambar sebagai link
Contoh ini menunjukkan cara menggunakan gambar sebagai link.

Link ke suatu lokasi pada halaman yang sama
Contoh ini menunjukkan bagaimana menggunakan link untuk melompat ke bagian lain dari dokumen.

Keluar dari bingkai
Contoh ini menunjukkan bagaimana untuk keluar dari frame, jika situs Anda terkunci dalam bingkai.

Buat link mailto
Contoh ini menunjukkan bagaimana untuk membuat link ke pesan email (hanya akan bekerja jika Anda memiliki email diinstal).

Buat mailto link 2
Contoh ini menunjukkan sebuah link mailto lebih rumit.


Link Tag

Tag Description Deskripsi
<a> Mendefinisikan sebuah jangkar
«Previous Lanjut Bab »

  1. Belum ada komentar.
  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: