Jika Tautan Rusak atau Halaman Error,

Hubungi Halaman "Kontak Admin"

×

Cara Mengatur Posisi Gambar Di HTML


<html>

  <head>



    <title>Menggunakan Atribut Align untuk Mengatur Posisi Gambar di HTML</title>

  </head>

  <body>

    <p>

    <img src=”logo.png” style=”width:300px;” align=”middle”/>

    Ini adalah logo Caraharian.com yang diatur dengan align middle.

    </p>

  </body>

</html>

Pada kode HTML di atas kami menambahkan atribut style yang digunakan untuk mengatur dimensi gambar. Hasilnya akan menjadi seperti berikut:

Mengatur Posisi Gambar dengan Atribut Float

Atribut align yang sudah kami jelaskan di atas memiliki satu kekurangan. Saat gambar dieksekusi dengan atribut ini maka hasilnya akan terlihat kurang rapi. Di samping itu atribut ini atribut align juga tidak ada di HTML5 yang menjadi versi terkini dari bahasa pemrograman HTML.

Sebagai gantinya kita bisa menggunakan properti float. Dengan menggunakan atribut ini teks bisa berada di posisi yang tepat tanpa menabrak teks. Sehingga peletakan gambar dan teks akan tampak lebih rapi.