Gambar Pada HTML

Gambar pada HTML adalah salah satu hal yang tidak asing lagi terutama gambar yang terdapat pada artikel blog. Gambar pada artikel dapat berfungsi sebagai objek untuk memperjelas artikel terkait dan gambar juga pada artikel juga dapat membuat artikel semakin menarik.

Blogger telah memberikan fitur yang tersedia pada lembar kerja blogger yaitu dapat menambahkan gambar secara langsung dari komputer maupun dari alamat website tertentu. Tetapi bagaimana caranya agar kita dapat meletakan gambar secara manual tanpa menggunakan fitur yang tersedia pada lembar kerja blogger? dan tentunya dapat diletakan dimanapun pada halaman blog anda? Silahkan anda simak lebih lanjut artikel ini yang membahas tentang Gambar Pada HTML.

Meletakan Gambar Pada HTML

Meletakan atau menyisipkan gambar disuatu halaman HTML termasuk sidebar, header, footer, dan lain sebagainya membutuhkan langkah-langkah tertentu. Menyisipkan gambar disuatu halaman HTML menggunakan tag HTML <img> yang berfungsi untuk menampilkan gambar yang anda maksud. Untuk penulisannya, anda dapat melihat sumber kode dibawah ini.

Menampilkan Gambar

<img src="URL gambar yang akan ditampilkan" alt="Penjelasan gambar">

Keterangan :

Pada URL gambar, anda dapat meletakan URL gambar anda dengan ekstensi .jpg, .png, serta .gif. Kemudian, Penjelasan Gambar adalah kata-kata yang menjelaskan suatu gambar tetapi tidak ditampilkan pada halaman HTML.

Mengubah Ukuran Gambar

Biasanya ada beberapa gambar yang tidak sesuai dengan ukuran yang anda inginkan. Untuk mengatasi masalah seperti itu, anda hanya perlu mengatur ukuran gambar yang telah anda pasang atau publikasikan menggunakan width dan height yang berfungsi untuk mengatur lebar dan tinggi suatu objek. Untuk mengatur ukuran pada gambar, anda hanya perlu menambahkan property width dan height pada perintah untuk menampilkan gambar di HTML. 

<img src="URL gambar yang akan ditampilkan" alt="Penjelasan gambar" width="42px" height="42px">

Keterangan :

Width="42px" adalah ukuran dengan value 42 pixel. Ukuran tersebut bisa anda ganti sesuai dengan keinginan anda agar mendapatkan tampilan yang cocok. Sedangkan height="42px" adalah value untuk mengatur tinggi pada suatu objek.

Contoh :

Sebelum


Sesudah

Itulah dasar dari Penerapan Gambar pada HTML dengan benar. Anda dapat memodifikasi posisi gambar, bentuk gambar dan lain sebagainya menggunakan CSS. 

Gambar Pada HTML 2014-03-19T23:10:00+07:00 Rating: 4.5 Diposkan Oleh: Unknown