Pengenalan HTML code Image dan Link

Pengenalan HTML code Image dan Link . Hai ! Jika anda sudah mempelajari tentang apa itu html dan pengenalan dasar html ,anda bisa melanjutkan ke tahap Pengenalan HTML code Image dan Link  , jika anda belum mengetahui apa itu html dan pengenalan dasar html , anda bisa menuju ke halaman berikut : https://www.dicloud.id/tutorial/categories/perkenalan-html , jika anda sudah mengetahuinya anda bisa melanjutkan ke tahap sekarang , disini saya akan menjelaskan beberapa code html yang digunakan untuk input  Image dan Link , berikut penjelasannya  :

Pengenalan HTML code Image dan Link

disini saya akan menjelaskan beberapa code html yang digunakan untuk input Image dan Link berikut penjelasannya  :

HTML Code Image

biasanya html code media berisikan Image (Gambar) , disini saya akan menjelaskan bagaimana cara input gambar ke sebuah website berbasis HTML , berikut code nya :

berikut tampilan yang dihasilkan oleh kode diatas :

Pengenalan HTML code Image dan Link

Dalam code tersebut saya memakai code baru , yaps <img> element ini digunakan untuk menginput sebuah gambar ke dalam website anda , ingat ! jika anda ingin menginputkan gambar anda ke dalam website anda , anda harus menggunakan src=”gambar.jpg” , karena element ini sebagai pencari gambar anda, dan satu hal file gambar harus berada dalam satu folder atau folder lain , jika satu folder anda bisa menginputkan code berikut src=”gambar.jpg” , jika file anda berada diluar maka anda harus memanggil folder yang berisi file anda seperti berikut src=”folder/img.jpg”.

Jika anda ingin mengubah ukuran gambar anda bisa menggunakan width dan height seperti code berikut :

dan hasilnya akan seperti gambar dibawah ini :

Pengenalan HTML code Image dan Link

beberapa code baru diatas adalah ukuran gambar , dimana terdapat width dan height , width adalah lebar dari sebuah file atau gambar dan height adalah tinggi dari sebuah file tersebut .

Link HTML Code

Selanjutnya kita akan menuju ke tahap inputan link , berikut contoh code untuk inputan link ke website anda :

maka akan muncul seperti gambar dibawah ini :

Pengenalan HTML code Image dan Link

jika anda klik “Menuju Google” maka anda akan mengarah ke halam google tersebut karena sudah terinputkan link ke google.com , berikut penjelasan code baru yang kita temukan sekarang :

<a> = Atribut html

<href> = inputan link website atau link url

Kesimpulan

Jika anda ingin menginputkan gambar dan link anda bisa menggunakan element <img> dan <a href> </a> .

Sekian Terima Kasih.

Author: Wijaksana Bayu

Technical Support in dicloud.id

Was this article helpful?

Related Articles