Beranda > Home > Belajar HTML – HTML Link

Belajar HTML – HTML Link

HTML LINK
HTML link hampir di gunakan oleh semua  web / blog agar mempunyai tampilan lebih dinamis bagi web/blog mereka, dan selain itu html tag link juga di gunakan untuk memudakan para pengunjung blog / web mereka agar lebih mudah untuk menemukan sesuatu yang di butuhkan di blog/ web itu.

HTML Hyperlink (Link)
HTML Hyperlink (Link) maksudnya adalah sebuah gambar, text atau apapun yang mempunyai sebuah link dan ketika anda klik akan melompat ke dokumen lainnya.

Link dalam HTML di tentukan dengan TAG  <a>

tag <a> dapat di gunakan dengan 2 cara :
1.  Untuk membuat link ke dokumen lain, dengan menggunakanatribut  “href ”   ( tanpa tanda kutip )
2. Untuk membuat bookmark di dalam dokumen, dengan menggunakan nama atribut
” untuk penggunaan tag <a> yang kedua akan di jelaskan di bawah”


Syntax Sederhana Dari HTML Link

Kode Link HTML dapat terlihat seperti di bawah ini :
<a href=”alamat url“>Link text</a>
lihatlah attribut href di gunakan .
Contoh LINK

Maka akan terlihat seperti ini : kunjungi tipstutorialwordpress
Jika anda klik link di atas maka akan mengunjungihttps://tipstutorialwordpress.wordpress.com .

LINK Dengan Attribut TARGET
Penggunaan Attribut target pada sebuah link, akan menjadikan link tersebut terbuka dalam tab baru ( new tab )
Contoh

<a href=”https://tipstutorialwordpress.wordpress.com/” target=”_blank”>kotak belajar</a>
maka akan terlihat seperti ini :tipstutorialwordpress

Memang tidak akan berubah dari bentuk link nya, akan tetapi perubahan akan terlihat ketika link tersebut di klik, secara otomatis link tersebut akan terbuka pada tab baru ( new tab ).


tag yang di tambahkan pada attribut TARGET ini adalah :    target=”_blank” 


LINK Dengan Attribut NAME
Mungkin bagi anda yang baru belajar HTML akan bingung dengan maksud penggunaan attribut name ini, oke sebaiknya anda klik dulu link di bawah ini untuk contoh sederhana dalam belajar link berattribut name ini.

LINK ATTRIBUT NAME

jika anda sudah mengerti mari lanjut .

Contoh penggunaan attribut name

Pertama buat sebuah attribut name pada sebuah kata
<a name=”tips”>Kumpulan Tips Dan Trick</a>
Kedua buat sebuah link yang mengarah ke attribut name yang di buat sebelumya.
<a href=”#tips”>Kunjungi Tips Dan Trick</a>
Atau anda juga bisa membuat sebuah link dengan url untuk menuju ke attribut name yang telah di buat sebelumnya.
<a href=”http/:tipstutorialwordpress.wordpress.com/html_links.htm#tips”>
Kunjungi Tips Dan Trick </a>

Kumpulan Contoh Penggunaan LINK pada HTML

Link pada gambar
bagaimana cara menambahkan link pada gambar
Link bookmark
bagaimana menambahkan link di bookmark
Create a mailto link
bagaimana untuk membuat link ke pesan email (hanya akan bekerja jika Anda memiliki instalasi email di pc anda ).
Create a mailto link 2
Banyak lagi tentang link email
oke, kita akan lanjut ke tutorial belajar HTML untuk pemula selanjutnya …
<< HTML Style (CSS) : Sebelumnya                             Selanjutnya : HTML Images (Gambar) >>
Kategori:Home
  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: