Bootstrap - Membuat link pada gambar(Sosial Media)

Assalamualaikum wr.wb

1. Latar Belakang
    Link merupakan bagian yang penting pada setiap bagian yang ada pada halaman - halaman pada setiap link juga dapat ditampilkan dalam bentuk yang berbeda - beda .misal link dalam bentuk teks biasa, link button,link navbar,link gambar,link ikon. tergantung dari kebutuhan developer dan pengguna.
 
2. Maksud tujuan
    Mempraktekan bagaimana cara membuat gambar ber-link

3. Alat bahan
  • Materi bahan ajar gambar ber-link pada bootstrap.
4. Langkah kerja
    1. Buat satu halaman contoh : logo.html
<a href="https://www.facebook.com/smkn1bawang/?ref=br_rs" target="_blank"><img class="image" border="0" title="Facebook" src="image/f.png" width="40px" height="40px"></a>
Keterangan :
1. A href  : berfungsi sebagai bagian untuk meletakkan link yang akan dituju. contoh -> facebook,google+ dll.
2. Target : bagian untuk meletakkan halaman yang ditargetkan
3. img class : berfungsi untuk peletakkan gambar/icon yang akan diberi link
4. title : berfungsi untuk meletakkan judul untuk memberi keterangan gambar / icon tersebut.

5. Kesimpulan
    Kesimpulannya adalah link dapat diletakkan dimana saja atau dalam bentuk apa saja sesuai kebutuhan dari developer dan pengguna.

6. Referensi
  • https://www.w3schools.com/html/html_links.asp

Sekian Terimkasih
Wassalamualaikum wr.wb
Previous
Next Post »