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.
oke, kita akan lanjut ke tutorial belajar HTML untuk pemula selanjutnya ...
<< HTML Style (CSS) : Sebelumnya Selanjutnya : HTML Images (Gambar) >>
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
LINK Dengan Attribut TARGET
Penggunaan Attribut target pada sebuah link, akan menjadikan link tersebut terbuka dalam tab baru ( new tab )
Contoh
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
Kedua buat sebuah link yang mengarah ke attribut name yang di buat sebelumya.
Atau anda juga bisa membuat sebuah link dengan url untuk menuju ke attribut name yang telah di buat sebelumnya.
Kumpulan Contoh Penggunaan LINK pada HTML
<a href="http://www.zengbogel.blogspot.com/">Kunjungi kotak belajar</a>
Maka akan terlihat seperti ini : kunjungi kotak belajar
Jika anda klik link di atas maka akan mengunjungi http://www.zengbogel.blogspot.com/ .
Penggunaan Attribut target pada sebuah link, akan menjadikan link tersebut terbuka dalam tab baru ( new tab )
Contoh
<a href="http://www.zengbogel.blogspot.com/" target="_blank">kotak belajar</a>
maka akan terlihat seperti ini : kotak belajar
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 ).
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"
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://www.kotakbelajar.com/html_links.htm#tips">
Kunjungi Tips Dan Trick </a>
Kunjungi Tips Dan Trick </a>
Kumpulan Contoh Penggunaan LINK pada HTML
Link pada gambar
bagaimana cara menambahkan link pada gambar
bagaimana cara menambahkan link pada gambar
Link bookmark
bagaimana menambahkan link di 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 ).
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
Banyak lagi tentang link email
oke, kita akan lanjut ke tutorial belajar HTML untuk pemula selanjutnya ...
<< HTML Style (CSS) : Sebelumnya Selanjutnya : HTML Images (Gambar) >>
Mau nanya nih gan..
BalasHapusane kan baru blajar ngeblog tp stiap x ane mau praktekin yg d atas kok ada bacaan " Terjadi kesalahan saat mencoba menyimpan atau memublikasikan pos Anda. Coba lagi. Abaikan peringatan ".. Kenapa ya????? jd bingung ane???