Sahabat Blog Syeftiandro pada kesempatan ini saya akan membahas tentang bagaimana membuat link pada gambar. Link merupakan salah satu komponen yang sangat penting pada sebuah blog atau website sebab dengan adanya link atau hiperlink pengunjing dapat dengan cepat mengakses dan menjelajahi sebuah website tersebut.

Berikut ini cara penulisan atau pembuatan link dengan gambar yang menggunakan metode HTML :

1.  Tag Link

<a href='Url Tujuan'>Teks atau Gambar</a>
  1. <a> adalah tag HTML berfungsi untuk mendefinisikan sebuah link.
  2. href merupakan atribut (informasi tambahan) dari tag a untuk url/alamat yang dituju dari link.
  3. Value dari  herf harus diberi tanda kutip.

2.  Tag Gambar/Image

<img src='url gambar' alt='nama alternatif gambar' width='tinggi' height='lebar'>
  1. Tag <img> merupakan tag HTML untuk mendefinisikan sebuah gambar
  2. Atribut scr sumber/url dari gambar/image.
  3. Atribut alt adalah memberikan alamat alternatif gambar. Apabila gambar tidak bisa ditampilkan  maka akan muncul nama alternatifnya.
  4. Atribut widht dan height adalah untuk mengatur ukuran pada gambar.

3.  Pengabungan Antara Link dan Gambar

<a href='http://otodidakers-tutor.blogspot.com/'>

<img src='http://www.comicbookdaily.com/wp-content/uploads/2010/09/click.jpg' alt='Click Me!' width='100' height='100'>
  • </a> Tag <img> harus diapit oleh tag <a> dimana tag penutup harus dikasih garis miring, seperti: </a> 

Cukup sekian cara membuat link dengan gambar, semoga dapat membantu dan mudah dimengerti,

Jangan lupa coment ya
 
== Semoga Bermanfaat ==
 == Terima Kasih ==

Post a Comment

Komentar anda sangat dibutuhkan bagi kemajuan kami untuk terus berkarya.

Diharapkan :
* Berkomentarlah dengan bahasa yang baik
* Tidak ada unsur SARA, SPAM, PORNO
* Tidak merugikan orang lain
* Menunjukkan identitas yang jelas bukan Anonim

Diperkenankan :
* Komentar promosi link web anda
* Kritik & Saran

===Terima Kasih===

 
Top