Sabtu, Juli 24, 2021
BerandaTutorial Belajar HTMLCara Mengatur Tampilan Gambar dengan Atribut Align dan Border dalam HTML

Cara Mengatur Tampilan Gambar dengan Atribut Align dan Border dalam HTML

Pada tutorial dasar html kita sudah bisa memasukan gambar, namun pada tutorial tersebut gambar masih terletak di tempat default. Sekarang dalam tutorial html lanjutan saya akan memakai atribut align untuk megatur letak gambar seperti nilai top, middle, right, alt dan juga atribut relatif address serta penggunaan atribut border pada image.

Atribut align image html

Untuk mengubah atau mengatur tampilan gambar dalam HTML, kita bisa menambahkan atribut align ke dalam tag <img>. Atribut align bisa diisi dengan beberapa nilai, yakni bottom, left, middle, right dan top.
Atribut Border pada Image html
atribut border pada tag image digunakan untuk membuat sebuah garis disekeliling gambar yang kita tampilkan, atribut border memiliki nilai, jika nilainya kita buat besar maka garis pada sekeliling gambar juga akan terlihat besar.

Contoh atribut align + border tag img html

Dari contoh diatas kita bisa melihat contoh dalam penggunaan atribut align, silakan lihat penjelasan dari semua gambar, dan saya juga membuat atribut border dengan nilai 5, dan lihat pada gambar kedua ada garis hitam yang melingkari gambar.
dari contoh diatas anda pasti sudah paham bagaimana mengatur tampilan gambar dalam html, jika memang belum mengerti juga silakan dikomentar, kolom komentar akan selalu terbuka untuk anda.
[su_note note_color=”#d0e6f0″ text_color=”#7190a2″ radius=”0″]Disini saya tidak memperpanjang penjelasan saya karena saya sudah pernah membahas tentang tag image dalam tutorial html dasar. saya yakin anda pasti sudah┬ámengerti fungsi dari tag image tersebut.[/su_note]

Video Terbaru

RELATED ARTICLES

Apa yang anda pikirkan?

Most Popular