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 :
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <head> <title>Input gambar</title> </head> <body> <img src="text.jpg"> </body> </html> |
berikut tampilan yang dihasilkan oleh kode diatas :
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 :
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <head> <title>Input gambar</title> </head> <body> <img src="text.jpg" width="100px" height="100px"> </body> </html> |
dan hasilnya akan seperti gambar dibawah ini :
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 :
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <head> <title>google</title> </head> <body> <a href="www.google.com">Menuju Google</a> </body> </html> |
maka akan muncul seperti gambar dibawah ini :
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.
Technical Support in dicloud.id