Cara memberi jarak antar gambar di html

Dengan beberapa kode khusus gambar yang diinginkan dapat muncul pada halaman yang kita buat dengan HTML. Agar lebih paham, berikut kita bahas cara menyisipkan gambar di HTML, berikut cara mengatur posisinya agar gambar bisa diletakkan sesuai keinginan

Menyematkan Gambar dalam HTML

Sebelumnya perlu diketahui bahwa tidak semua format gambar didukung oleh bahasa pemrograman HTML. Jadi Anda perlu memastikan bahwa format gambar yang Anda miliki kompatibel dengan apa yang didukung oleh dokumen HTML. Silakan lihat tabel berikut

Setelah mengetahui ekstensi gambar yang didukung, sekarang kita bahas cara menyisipkan gambar ke dalam dokumen HTML. Perlu diperhatikan bahwa penyisipan gambar ke dalam dokumen HTML yang dibahas pada tutorial ini menggunakan atribut atau tag yang diketik secara manual di editor teks.

Baca juga. Cara Membuat Tabel di HTML

Untuk menyisipkan gambar kita harus menggunakan tag

1. 

   Dari atribut yang kami jelaskan di atas, diketahui bahwa dengan tag kita bisa mengubah ukuran atau dimensi sebuah gambar. Caranya dengan menggunakan width dan height. Cara penggunaannya sederhana, cukup ketikkan sintaks seperti berikut:

   

   Silahkan cocokkan nama gambar dengan gambar yang ingin ditampilkan. Ingat penulisannya harus benar. Selain itu, Anda dapat menentukan dimensi dengan memasukkan lebar dan tinggi gambar yang diinginkan dalam atribut width dan height yang ditentukan dalam satuan piksel atau px. Anda juga dapat menentukan lebar hanya untuk mengubah ukuran gambar. Sedangkan tingginya akan menyesuaikan

   Sesuaikan Posisi Gambar

   Jika Anda ingin mengatur posisi gambar di HTML maka Anda perlu menggunakan atribut align. Atribut ini digunakan untuk mengatur posisi gambar dari objek sekitarnya. Bagaimana jika kita tidak menggunakan atribut ini?

   Secara default, gambar yang dimasukkan ke dalam dokumen HTML akan berada di atas teks. Oleh karena itu, kita perlu menggunakan atribut align untuk membuat gambar berada pada posisi yang diinginkan. Nantinya teks akan menyesuaikan dengan penempatan gambar

   Dengan atribut ini kita bisa menempatkan gambar dalam beberapa posisi. Seperti kanan kiri, atas, bawah, dan tengah. Anda dapat melihat penulisan kode perataan HTML di bawah ini

   1. 
   2. 
   3. 
   4. 
   5. 

   Misalnya pada contoh ini kita menyisipkan logo yang disusun dengan rata tengah. Kode HTML yang dibuat kurang lebih seperti berikut

   Apa itu   dalam HTML?

   Ketuk untuk menambahkan ruang di tempat yang Anda inginkan . Hasil kode ini dikenal sebagai non-breaking space atau fixed space karena mencegah pemisahan garis pada lokasi penempatan kode.

   Bagaimana cara membuat spasi dalam HTML?

   Cara Membuat Spasi di HTML .

   Menggunakan   Ini adalah salah satu cara untuk membuat spasi di HTML. Menggunakan kode. .

   Menggunakan   Jika menggunakan kode untuk membuat jarak antar kata menjadi dua spasi, kita harus mengetikkan kode tersebut dua kali. .

   Penggunaan