Welcome to my blog

Sabtu, 02 Maret 2013

belajar HTML link

belajar HTML link

Assalamualaikum wr. wb

lanjut ya .... kita belajar tentang 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

<a href="http://lintanginfo.blogspot.com//">Kunjungi kotak belajar</a>

Jika anda klik link di atas maka akan mengunjungi http://www.zengbogel.blogspot.com/ .

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

<a href="http://lintanginfo.blogspot.com//" target="_blank">kotak belajar</a>


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


<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>

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, semoga bermanfaat ...

0 komentar:

Posting Komentar

Diberdayakan oleh Blogger.