Atribut Target, Link Teks dan Link Gambar

Atribut Target, Link Teks dan Link Gambar - Membuat link dalam sebuah posting, baik link teks ataupun link berupa gambar menggunakan tag HTML <a>, tag HTML saja tidak cukup kita memerlukan nilai tertentu yang disertakan dalam tag HTML supaya format yang dinyatakan dalam teks menjadi lengkap.

Sebagai gambaran kita akan membuat sebuah link ke alamat tertentu, tag HTML yang dipergunakan adalah <a> dengan penutup HTML </a>. Dengan menggunakan tag HTML <a> link sudah bisa dibuat namun tidak dapat berfungsi dengan baik, karena tidak adanya informasi mengenai tujuan link tersebut, untuk itu tujuan link harus ditambahkan untuk memberikan informasi perintah terhadap alamat yang dituju.

Sebagai contoh pembuatan link yang memberikan informasi lengkap terhadap tujuan link dengan menggunakan tag HTML <a> adalah sebagai berikut:

<a href=”http://dezige-in.blogspot.com”>teks link</a>

Keterangan:

• Untuk membuat sebuah link menggunakan tag HTML <a> dan ditutup dengan </a>
• http://dezige-in.blogspot.com merupakan alamat tujuan link tersebut diarahkan
• Tulisan teks link merupakan anchor teks yang akan tampilkan

Contoh link aktif bisa meng-klik tulisan teks link dibawah ini:

teks link

Anchor tidak berupa tulisan (teks) saja, anchor bisa dibuat menggunakan gambar untuk menyatakan gambar tersebut mengarah pada alamat tertentu, sebagai contoh pembuatan link dengan menggunakan gambar adalah sebagai berikut:

<a href=”http://dezige-in.blogspot.com”><img src="Alamat Gambar"/></a>

Untuk mendapatkan alamat gambar kita bisa mengupload gambar yang akan dipergunakan, dengan mengupload gambar tentunya kita akan mendapatkan alamat gambar tersebut, atau selain dengan mengupload gambar, kita bisa menggambil gambar yang sudah ada atau di wesite orang lain dengan mengambil alamat gambat tersebut untuk ditampilkan dalam sebuah link.

Contoh link aktif dengan menggunakan gambar sebagai anchor bisa meng-klik gambar dibawah ini:

✾✾✾

Atribut Target

Dalam sebuah tag HTML <a> kita bisa tambahkan atribut target yang berfungsi untuk menampilkan dokumen yang diarahkan oleh link terbuka pada browser.

• _blank Membuka dokumen dalam jendela baru atau tab
• _self Membuka dokumen dalam frame yang sama
• _parent Membuka dokumen dalam kerangka induk
• _top Membuka dokumen pada frame tertentu secara full screen
• framename Membuka dokumen dalam nama frame tertentu

Contoh penulisan atribut target dalam tag HTML <a> seperti dibawah ini:

<a href="http://www.dezige-in.blogspot.com" target="_blank">teks link</a>

Atribut target kita bisa buat secara otomatis dalam kerangka HTML, untuk membuat atribut target otomatis saya bahas pada posting selanjutnya.

Semoga bermanfaat.