Tutorial Belajar HTML Dasar Untuk Pemula : cara menentukan lebar dan tinggi dari gambar pada HTML.

Tutorial Belajar HTML Dasar Untuk Pemula : cara menentukan lebar dan tinggi dari gambar pada HTML.

Hallo sobat semua, apa kabarnya semoga baik-baik saja ya ? oke, pada kesempatan kali ini tutortutorialwebdesign.blogspot.com akan membagikan Tutorial Belajar HTML Dasar Untuk Pemula : cara menentukan lebar dan tinggi dari gambar pada HTML. Memang kedengaranya sangat sepele akan tetapi ini sangat bermanfaat ketika kita menginginkan lebar yang sesuai atau proporsional sebuah gambar pada website kita biar kelihatan rapi juga, kalo menurut saya.

Baik, langsung saja kita simak bersama-sama tutorial berikut ini :

Dalam menentukan tinggi dan lebar suatu gambar, kita akan mengunakan atribut width dan height. Silakan disimak kode HTML dibawah ini :

<img src=”logo.png”alt=”Ini adalah teks alternative” width=362 height=123 />

Anda  tidak  perlu  memberi  tanda  kutip  pada nilai  lebar  dan  panjang.  Nilai  ini  bisa  anda dapatkan  dengan  mengklik  kanan  gambar tersebut dan pilih menu properties. Pada  tab details  akan  anda  temui  ukuran  gambar tersebut. Dan jangan lupa  untuk selalu menambahkan atribut alt, yang berfungsi untuk mengantisipaasi jika gambar gagal dimuat.

Dan jika anda menyimpan gambar  berada di tempat yang berbeda dengan lokasi file html anda maka yang perlu anda lakukan adalah menuliskan sebagai berikut :

<img src=”images/logo.png” alt=”Ini adalah teks alternative” />

Anda hanya perlu menuliskan atau menambahkan tanda slash (/), sesuai lokasi file dimana :

Jika dalam folder tersebut terdapat folder lagi, dan gambar yang ingin anda muat ada di

dalamnya maka penulisannya menjadi seperti berikut :

<img src=”images/folder1/folder2/logo.png” alt=”Ini adalah teks alternatif” />

Selain penggunaan  lokasi gambar seperti di atas, anda  juga bisa menampilkan gambar

yang  sudah  terdapat  di  internet,  penulisan  seperti  ini  disebut  dengan  hotlinking

misalnya:

<img src=”http://tutortutorialwebdesign.blogspot.com/images/gambar.jpg” alt=”logo” />

Pengunaan hotlinking  sangat  tidak dianjurkan  karena  gambar  yang dimuat bukanlah milik kita dan tentunya juga akan merugikan si pemilik gambar, akan tetapi masih diperbolehkan kalo gambar tersebut memang merupakan gambar anda sendiri.

Oke, sampai disini dulu tutorial singkat kita sampai ketemu lagi pada tutorial berikutnya yaitu Tutorial Belajar HTML Dasar Untuk Pemula : cara membuat link pada HTML.