HTML Links

HTML links dikenal juga sebagai html "a" tags (tag "a") karena untuk membangun tag yang berfungsi sebagai hyperlink (link) digunakan tag "a". HTML links berfungsi untuk menghubungkan sebuah dokumen ke dokumen yang lain, dimana dokumen yang lain (baru) dapat berupa dokumen yang berada di dalam web/blog atau berada diluar blog (di blog/web lain). Dokumen baru dapat berupa teks, image, sekelompok teks atau image atau bisa juga gabungan teks, image dan unsur lainnya.

Bentuk link dalam kode html

  • Text Link : Link berupa teks
    Contoh :
    <a href="URL">Text here!</a>
  • Image Link : Link berupa teks
    Contoh :
    <a href="URL"><img src="image.jpg" /></a>

Link berdasar lokasi/alamat dokumen baru

Ada tiga lokasi dokumen baru yang membedakan "alamat" link.
  • Dokumen baru berada di web/blog lain
    Bentuk link:
    <a href="URL-web/blog lain">Text/Image Link</a>
    URL-web/blog lain bisa berupa home-page atau halaman posting dari blog/web yg berbeda.
    Contoh :
    <a href="http://gubhugreyot.blogspot.com">Tutorial Blogger & Blogdetik</a>
    Tutorial Blogger & Blogdetik
    <a href="http://bestbloggerhack.blogspot.com/2012/07/menampilkan-iconimage-bulat-di-header.html">Buat Icon Bulat di Header</a>
    Buat Icon Bulat di Header
  • Dokumen baru berada didalam blog/web pada halaman berbeda dimana link dibuat.
    Bentuk link:
    <a href="URL-web/blog">Text/Image Link</a>
    URL-web/blog berupa halaman yang berbeda dari halaman dimana link dibuat dan berada di web/blog yang sama.
    Contoh :
    <a href="http://gubhugcss.blogspot.com">Home</a>
    Home
    <a href="http://gubhugcss.blogspot.com/2012/08/css3-border-radius-property.html">CSS3 Border Radius property</a>
    CSS3 Border Radius property
  • Dokumen baru berada didalam blog/web pada halaman dimana link dibuat.
    1. alamat menggunakan attribute id
      <a href="#...">Text/Image Link</a>
      Contoh :
      <a href="#top">Back to TOP</a>
      Back to TOP
      <a href="#paragraf-2">Text/Image Link</a>
      Paragraf-2
    2. Menggunakan attribute "name"
      Contoh :
      <a name="spesial">Text/Image Link</a>

Tidak ada komentar:

Posting Komentar

My ProfileC l o s e

FollowerC l o s e