Seperti biasa karna ada yang bertanya bagaimana cara memasukan gambar di html dan menyisipkan link ke gambar tersebut. Jadi kali ini saya akan membuat tutorial nya langsung saja dibawah ini.
Pertama tentukan gambar yang ingin dimasukan ke html, misal anda sudah upload gambarnya di blog atau dimana saja asalkan bisa mengambil url gambar tersebut.
Contoh, misal saya akan memasukan gambar ini di html.
1. Tahan/tekan gambar tersebut:
2. Lalu salin url gambar tersebut:
Dan url gambar tersebut adalah https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcA2Fnga26_Wm53EN7EY56DhyWnqGO2gJHGAFhaNd4Sz48VlO1S8eJN8HzFSI2SYSQ3QmLI3hfvu11MXNy_NgBP8Z2X5BDOflWjVFCp-d-h5H_LKrAHY7BGFOUTY8svOLzlxDasEuy0rI/s1600/20171107_172821.jpg
Sekarang kita tinggal masukan url tersebut ke dalam html dengan perintah:
Yang di tandai ### adalah untuk tempat url gambar tersebut, seperti ini:
Jika sudah seperti itu tinggal kita masukan link yang sudah anda siapkan untuk di sisipkan ke gambar tersebut yang gunanya untuk agar jika gambar tersebut di klik maka akan langsung menuju ke halaman link yang sudah anda buat.
1. Masuka perintah:
Setelah itu sekarang tinggal kita gabungkan menjadi seperti ini:
Agar lebih rapih atau agar ukurannya bisa disesuaikan anda bisa menambahkan perintah:
Perintah tersebut bisa untuk mengatur ukuran gambar. Dan bila kita gabungkan dan contoh saya memerintahkan untuk menggunakan gambar dengan ukuran 50.
Sekian tutorial dari cara memasukan gambar di html dan menyisipkan link nya. Terima kasih sudah berkunjung di blog saya.
Pertama tentukan gambar yang ingin dimasukan ke html, misal anda sudah upload gambarnya di blog atau dimana saja asalkan bisa mengambil url gambar tersebut.
Contoh, misal saya akan memasukan gambar ini di html.
1. Tahan/tekan gambar tersebut:
2. Lalu salin url gambar tersebut:
Dan url gambar tersebut adalah https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcA2Fnga26_Wm53EN7EY56DhyWnqGO2gJHGAFhaNd4Sz48VlO1S8eJN8HzFSI2SYSQ3QmLI3hfvu11MXNy_NgBP8Z2X5BDOflWjVFCp-d-h5H_LKrAHY7BGFOUTY8svOLzlxDasEuy0rI/s1600/20171107_172821.jpg
Sekarang kita tinggal masukan url tersebut ke dalam html dengan perintah:
<img src="###" />
Yang di tandai ### adalah untuk tempat url gambar tersebut, seperti ini:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcA2Fnga26_Wm53EN7EY56DhyWnqGO2gJHGAFhaNd4Sz48VlO1S8eJN8HzFSI2SYSQ3QmLI3hfvu11MXNy_NgBP8Z2X5BDOflWjVFCp-d-h5H_LKrAHY7BGFOUTY8svOLzlxDasEuy0rI/s1600/20171107_172821.jpg" />
Jika sudah seperti itu tinggal kita masukan link yang sudah anda siapkan untuk di sisipkan ke gambar tersebut yang gunanya untuk agar jika gambar tersebut di klik maka akan langsung menuju ke halaman link yang sudah anda buat.
1. Masuka perintah:
<a href="linkanda">
Setelah itu sekarang tinggal kita gabungkan menjadi seperti ini:
<a href="linkanda"><img src="urlgambaranda"</a>
Agar lebih rapih atau agar ukurannya bisa disesuaikan anda bisa menambahkan perintah:
width dan height
Perintah tersebut bisa untuk mengatur ukuran gambar. Dan bila kita gabungkan dan contoh saya memerintahkan untuk menggunakan gambar dengan ukuran 50.
<a href="linkanda"><img src="urlgambaranda"height="50"width="50"</a>
Sekian tutorial dari cara memasukan gambar di html dan menyisipkan link nya. Terima kasih sudah berkunjung di blog saya.
Tags:
Tutorial