Cara Membuat Kode HTML Link

Membuat kode HTML link di mulai dengan <a> lalu di tutup dengan </a>, ada beberapa tag yang diperbolehkan dalam html link antara lain: rel, title, style, dan target.

Langsung ke cara membuat kode html link dan contohnya:
  1. Membuat link biasa: <a href="url anda">link text</a>
    Contoh saya akan membuat link dengan url: "http://juliasespiratesetlechat.blogspot.com/" dan link text: "kode HTML", membuatnya seperti diatas <a href="http://juliasespiratesetlechat.blogspot.com/">kode HTML</a>, hasilnya seperti ini "kode HTML".
  2. Membuat link dengan tag rel: <a href="url anda" rel="">link text</a>
    Dalam rel ada beberapa tag yang di perbolehkan yaitu "nofollow", "dofollow",  "prev" dan "next".
    Contoh saya akan membuat link dengan rel="nofollow", penulisannya: <a href="url anda" rel="nofollow">link text</a>.
  3. Membuat link dengan tag target: Penulisannya sama seperti yang pertama lalu tinggal kita tambahkan saja tag targetnya.
    Contoh: <a href="url anda" target="">link text</a>, dalam tag target kita bisa mengisinya dengan "_blank" atau "top", jadi penulisanya <a href="url anda" target="_blank">link text</a>.
  4. Membuat link dengan title: Hampir sama juga dengan cara 2 dan 3, kita hanya menambahkan saja title kedalam kode html link.
    Penulisannya seperti ini: <a href="url anda" title="title anda">link text</a>
    Contoh saya akan membuat link dengan title "kode html link" dan link text "kode html link", <a href="http://juliasespiratesetlechat.blogspot.com/2016/02/html-link.html" title="kode html link">kode html link</a> hasilnya: kode html link
  5. Membuat link dengan tag style: hanya menambahkan tag style saja kedalam kode html link-nya
    Contoh saya akan membuat link dengan warna text merah, <a href="url anda" style="color: red;">link text</a> hasilnya seperti ini html link berwarna.
Bagaimana mudah bukan? Intinya kita hanya perlu kode dasarnya saja yaitu yang no 1 (<a href="url anda">link text</a>), lalu kita tinggal tambahkan saja tag lainnya yang kita perlukan. Ok sekian saja dari saya, semoga bermanfaat.

No comments:

Post a Comment