Minggu, Juli 25, 2021
BerandaTutorial Belajar HTMLCara Menambahkan Gambar di HTML - Tag Image

Cara Menambahkan Gambar di HTML – Tag Image

Selain teks, link, halaman web juga dapat memuat gambar/image. Terdapat beberapa jenis format gambar yang dapat digunakan pada halaman web, antara lain :

  • GIF (Grafical Interchange Format) (.gif)
  • JPEG (Joint Photographic Expert Image) (.jpg)
  • PNG( Portable Network Graphic) (.png)
  • BMP (Bitmap) (.bmp)

Atribut src dalam tag <img>

Atribut src diisi dengan alamat yang menunjuk pada sumber file gambar, bisa relatif maupun absolute. Penggunaan Absolute path, biasanya gambar diletakkan pada folder yang
sama dengan halaman web tersebut, sehingga cukup dipanggil nama filenya saja, atau dapat berupa alamat dari suatu website.

Contoh src image

<img src=”http://phpdanmysql.com/image/logo.png”>
<img src=”logo.png”>
Penggunaan relative path, yaitu file gambar disimpan pada folder yang terpisah dengan folder halaman webnya
<img src=”/image/logo.png”>
Penggunaan gambar dapat diletakkan dibagian mana saja di halaman web, yang harus dilakukan hanya memanggil tag <IMG> dimana gambar tersebut akan tampilkan.

Contoh html image

Atribut alt dalam tag <img>

Atribut alt digunakan untuk keterangan dari gambar jika gambar tersebut gagal ditampilkan oleh web browser.

Atribut width dan height dalam tag <img>

Kita dapat mengatur ukuran gambar sesuai yang kita ingin dengan menggunakan atribut width dan height

Cukup mudah bukan untuk menampilkan gambar dalam halaman HTML. sebenarnya dengan tampilan gambar bisa saja kita percantik dengan css, namun karena panduan ini masih belajar html maka dilain waktu kita akan bahas tutorial dengan cssnya.
setelah anda mengerti tentang menambah gambar kedalam html, jangan lupa untuk belajar Tutorial html dasar selanjutnya membuat table dengan html dengan tag table

Video Terbaru

RELATED ARTICLES

Apa yang anda pikirkan?

Most Popular