Peluang Mendapatkan Ribuan Dollar / Bulan, 3 Step Terselesaikan Langsung Dapat $125 USD (Trusted) | Tips Berikutnya »

Home » HTML Tutorial » Internet » Komputer » Currently Reading:

Penggunaan Elemen IMG

June 23, 2008 HTML Tutorial, Internet, Komputer 1 Comment

Elemen IMG yang dinyatakan dalam tag <img> adalah tag yang tidak berpasangan. Dalam keadaan standar, tag ini mempunyai susunan <img src=”URL”>. Tag ini mempunyai beberapa atribut lain. Antara lain :

  1. Teks Alternatif

Yaitu atribut alt, untuk materi ini sudah saya ulas di artikel sebelumnya.

  1. Judul Gambar

Yaitu atribut title, hal ini berguna untuk memberikan judul pada gambar. Ketika pointer mouse Anda didekatkan pada gambar, maka akan muncul judul gambar itu sendiri. Untuk contoh penempatannya yaitu <img src=”url” title=”judul”>

  1. Pengaturan Perataan

Yaitu atribut align, Untuk nilainya antara lain left, right, middle, top, bottom, dan toptext. Untuk penempatannya <img src=”url” align=”nilai”>

  1. Peratan Ukuran Gambar

Yaitu atribut width dan height. Hal ini berguna untuk menentukan ukuran dari gambar itu sendiri yang ditampilkan. Untuk nilainya bisa dalam bentuk angka atau dalam bentuk persen. Untuk contohnya, <img src=”http://www.xxx.com/xxx.jpg” width=”125” height=”200”>

  1. Hspace dan Vspace

Atribut ini berguna untuk menentukan jarak spasi antara gambar dengan objek di sekitarnya. Atribut HSPACE menentukan spasi horizontal (bagian kanan dan kiri) suatu gambar. Sedangkan VSPACE menentukan spasi vertical (bagian atas dan bawah) suatu gambar. Untuk contoh penempatan <img src=”url” vspace=”nilai” hspace=”nilai”>

  1. Border

Atribut ini berguna untuk memberikan border pada bingkai. Untuk pembahasan ini sudah saya ulas di artikel sebelumnya.

Selain itu tag <img> bisa Anda gunakan sebagai link. Anda tinggal meletakkan di antara tag hyperlink <a href=”url><img></a> saja. Untuk bagaimana cara membuat hyperlink sudah saya ulas pada artikel sebelumnya. Ada yang ingin menambahkan?

Anda Menyukai Artikel di Blog Ini? Masukkan Alamat Email Anda untuk Berlangganan:


Artikel Populer

Artikel yang Berkaitan :


Hasil Pencarian:

cara membuat gambar hyperlink di blog . cara penggunaan partition wizard . center picture on html . gambar di blog img . html spasi gambar . membuat jarak spasi pake script . tag .

Tags : , , , ,

Currently there is "1 comment" on this Article:

Search This Site:

Play Online Games !!

Adventure Online Game Puzzle Online Game
Sport Online Game Strategy Online Game
nowGoogle.Com SEO Challenge

Sponsor

Friends




Connections

Status

Dofollow Blog Internet Sehat

Polls

Platform CMS Favorit Para Blogger

View Results

Loading ... Loading ...

Translator

Comment on this Article:







CommentLuv Enabled

Kategori

Arsip Seluruh Artikel

Arsip