Link dengan teks dan gambar

Link merupakan sesuatu yang menghubungkan kita menuju tujuan tertentu. Link biasanya dibuat dengan menggunakan teks atau gambar. Adapun cara pembuatannya adalah sebagai berikut

1.        Link dengan teks
Link dengan teks atau biasanya disebut link text merupakan suatu tulisan yang menghubungkan kita menuju tujuan tertentu.
Cara pembuatanya adalah dengan menggunakan kode;

<a href="lokasi tujuan">nama tujuan</a>

2.        Link dengan gambar
Link dengan gambar atau biasanya disebut link image merupakan suatu gambar yang menghubungkan kita menuju tujuan tertentu.
Cara pembuatannya adalah dengan menggunakan kode;

<a href="lokasi tujuan"><img src="lokasi gambar" width="lebar gambar" height="tinggi gambar" border="tebal garis tepi" /></a>

Keterangan:
a.         Lokasi tujuan menunjukkan alamat url atau situs
b.        Nama tujuan menunjukkan tulisan yang akan di klik dan menghubungkan kita ke situs tertentu
c.         Lokasi gambar menunjukkan alamat url gambar yang akan diklik dan menghubungkan kita ke situs tertentu
d.        Lebar gambar mununjukkan ukuran lebar gambar dan biasanya ditulis dalam ukuran piksel
e.         Tinggi gambar menunjukkan ukuran tinggi gambar dan juga biasanya ditulis dalam ukuran piksel
f.         Tebal garis tepi menunjukkan ukuran garis tepi gambar dan jika anda tidak menginginkan adanya garis tepi maka anda bisa menghilangkan kode border=”tebal garis tepi’

Tambahan :
Kode link diatas akan menuju suatu alamat situs pada tab browser yang sama, jika anda ingin link diatas menuju suatu alamat situs pada tab browser yang baru maka anda tambahkan kode link diatas dengan kode target=”_blank”
Contoh penulisanya :

<a href="lokasi tujuan" target="_blank" > ... <a>

Berikut ini adalah contoh penggunaan kode link diatas.

a.         link dengan teks :

Klik <a href="http://azh-phy08.blogspot.com" target="_blank" > HOME <a> untuk menuju halaman utama situs ini
Atau
Klik <a href="lokasi tujuan" > refresh<a> untuk memuat ulang situs ini.

Contoh tampilannya :

Klik HOME untuk menuju halaman utama situs ini
Atau
Klik  refresh  untuk memuat ulang situs ini.

b.        Link dengan gambar

Dapatkan uang tambahan dari internet dengan klik gambar dibawah ini.

<center>
<a href="http://klikajadeh.com/?r=azhari"><img src="http://i1225.photobucket.com/albums/ee390/azhari57/klikajadeh.png" /></a>
</center>

Kemudian anda daftar disitus tersebut

Contoh tampilannya

Dapatkan uang tambahan dari internet dengan klik gambar dibawah ini.






Kemudian anda daftar disitus tersebut

Tidak ada komentar:

Posting Komentar

Pages

Diterbitkan Oleh Angah Azhari