HTML Links | KASKUS

itkomputer

14-02-2013 06:47

HTML Links

Spoiler for /:)/:

mohon maaf ya kawan-kawan,aku membuat contoh2nya pake website sendiri* emoticon-Smilie

,
jangan dilihat dari segi * ya emoticon-Malu (S)

lihatlah apa yang disampaikan... emoticon-Malu (S)

semoga bermanfaat emoticon-Smilie

Link yang ditemukan di halaman web hampir semua. Link memungkinkan pengguna untuk mengklik jalan mereka dari halaman ke halaman.

Spoiler for Contoh...:

Quote:

Code:



 <!DOCTYPE html>

<html>

<body>



<p>

<a href="default.asp">HTML Tutorial</a> Ini adalah link ke halaman di website ini.

</p>



<p>

<a href="http://www.itkomputer.com/">ITKomp</a> Ini adalah link ke sebuah situs web di World Wide Web.

</p>



</body>

</html>

Cara membuat link dalam sebuah dokumen HTML.
(Anda dapat menemukan lebih banyak contoh di bagian bawah ini)

HTML Hyperlinks (Links)

Tag <a> HTML mendefinisikan hyperlink.

Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat Anda klik untuk melompat ke dokumen lain.

Bila Anda memindahkan kursor di atas link di halaman Web, panah akan berubah menjadi tangan kecil.

Atribut yang paling penting dari elemen <a> adalah atribut href, yang menunjukkan tujuan link.

Secara default, link akan muncul sebagai berikut di semua browser:

linkbelum dikunjungi di garisbawahi dan biru
Sebuah link dikunjungi di garisbawahi dan ungu
Link aktif di garisbawahi dan merah

HTML Link Syntax

Kode HTML untuk link sederhana. Terlihat seperti ini:

Quote:

Code:

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

Atribut href menentukan tujuan link.
Contoh:

Quote:

Code:

<a href="http://www.itkomputer.com/">kursuswebdesign</a>

yang akan menampilkan seperti ini: kursuswebdesign

Mengklik hyperlink ini akan mengirim pengguna ke situs: itkomputer.

Tip:"Link teks" tidak harus berupa teks. Hal ini dapat menjadi gambar atau elemen HTML lainnya.

HTML Links - Atribut target

Atribut target menentukan di mana untuk membuka dokumen terkait.

Contoh di bawah akan membuka dokumen terkait dalam jendela browser baru atau tab baru:

Quote:

Spoiler for code:

Code:



<!DOCTYPE html>

<html>

<body>



<a href="http://www.kursuswebdesign.co.id" target="_blank">Visit kursuswebdesign.co.id!</a>



<p>Jika Anda mengatur atribut target untuk "_blank", link akan terbuka di jendela browser baru / tab.</p>



</body>

</html>

HTML Links -Attribute id
Atribut id dapat digunakan untuk membuat bookmark dalam dokumen HTML.

Tip: Bookmark tidak ditampilkan dalam cara yang khusus. Mereka terlihat bagi pembaca.
contoh:

membuat id dalam sebuah dokumen HTML:

Quote:

Code:

<a id="tips">Berbagi Tips Berguna</a>

Membuat link ke "Berbagi Tips Berguna" di dalam dokumen yang sama:

Quote:

Code:

<a href="#tips">Kunjungi Berbagi Tips Berguna</a>

Atau, membuat link ke "Berbagi Tips Berguna" dari halaman lain:

Quote:

Code:

<a href="http://www.kursuswebdesign.co.id/html_links.htm#tips">

Kunjungi Berbagi Tips Berguna</a>

Catatan Dasar - Tips Berguna

Quote:

Catatan: Selalu menambahkan Tulisan Miring untuk referensi subfolder. Jika Anda menghubungkan seperti ini:
Code:
href = "http://www.kursuswebdesign.co.id/html"
, Anda akan menghasilkan dua permintaan ke server, server pertama akan menambahkan garis miring ke alamat tersebut, dan kemudian membuat permintaan baru seperti ini :
Code:
href = "http://www.kursuswebdesign.co.id/html/"
.

HTML Link Tags

Quote:

<a> : Mendefinisikan hyperlink

smoga bermanfaat... emoticon-Smilie

and jangan lupa ya Cendols-nya... emoticon-Blue Guy Cendol (L)

hehehe...

---------
itkomputer juga mempunyai groupee,klw mau join boleh lsng ja gan ke TKP. emoticon-Malu (S)

Diubah oleh itkomputer 14-02-2013 06:48

1.8K

Kutip

Balasan

Guest

Tulis komentar menarik atau mention replykgpt untuk ngobrol seru

Urutan

Terbaru

Terlama

Guest

Tulis komentar menarik atau mention replykgpt untuk ngobrol seru

Komunitas Pilihan