> FANPAGE > RSS > SITEMAP > TUKAR LINK

Dasar-Dasar HTML: Membuat Link Atau Hyperlink

Red Mercenary | 1:08 AM, Friday, September 5, 2014 |
Ilustrasi HTML (Source: usabilitygeek.com)

Red-Mercenary - HTML (Hyper Text Markup Language) adalah salah satu bahasa pengkodean yang harus kita kuasai dalam mengelola suatu web atau blog. Fungsi HTML salah satunya ialah untuk mengedit tampilan huruf web atau blog. kali ini akan kita bahas mengenai link atau hyperlink.

Link adalah elemen penting dari HTML, link sendiri memiliki artian hubungan antar situs atau dapat pula disebut dengan suatu metode menautkan alamat tujuan dari situs lain berupa teks atau gambar.

Suatu link memuat dua komponen yaitu anchor text dan alamat tujuan (url), untuk lebih jelasnya kita lihat contoh berikut ini.


  • Membuat link biasa pada HTML
    <a href='alamat situs yang dituju (url)'>anchor text</a>

    Penjelasan:
    - Isikan alamat situs (url) yang akan dituju disertai dengan tanda kutip setelah tag a href= , tanda kutip yang disisipkan haruslah seragam dan diperbolehkan pula menggunakaan tanda kutip 1 ( ' ) atau pun tanda kutip 2 ( " ).
    - Anchor text adalah nama teks yang akan disisipkan url.
    Contoh : 
    <a href='http://red-mercenary.blogspot.com'>Red Mercenary</a>
    Maka hasilnya silahkan klik teks berikut : Red Mercenary

  • Membuat link pada tab baru pada HTML
    <a href='alamat situs yang dituju (url)' target='blank'>anchor text</a>

    Penjelasan:
    - Isikan alamat situs (url) yang akan dituju disertai dengan tanda kutip setelah tag a href= , tanda kutip yang disisipkan haruslah seragam dan diperbolehkan pula menggunakaan tanda kutip 1 ( ' ) atau pun tanda kutip 2 ( " ).
    - Anchor text adalah nama teks yang akan disisipkan url.
    - Target='blank', adalah tag HTML yang akan membuat url yang dituju akan muncul pada tab baru di browser saat di klik.
    Contoh : 
    <a href='http://red-mercenary.blogspot.com' target='blank'>Red Mercenary</a>
    Maka hasilnya silahkan klik teks berikut : Red Mercenary
Mudah-mudahan bermanfaat. Glory!


Comments
0 Comments

Silahkan Berkomentar Disini !
Mohon Maaf Untuk Versi Mobile Komentar Blog Non-aktif, Silahkan Gunakan Komentar Facebook.