Tutorial Belajar Pemrograman, membuat game, membuat aplikasi, membuat program, android, game maker, yii, php, CSS, HTML, java, javascript, codeigniter, jquery, Pascal, c++

Friday, March 2, 2012

Menempelkan Image (gambar) Pada HTML

Menempelkan Image (gambar) Pada HTML - Anda dapat menambahkan atau menampilkan gambar pada halaman web sehingga membuat tampilan sebuah website menjadi lebih menarik dan artistik. di dalam HTML kita dapat menambahkan gammbar dengan format file JPG atau GIF dan untuk menampilkan gambar menggunkan tag <img>.

Atribut elemen image :

Src = lokasi dan nama gambar
Alt = teks alternative
Width = pixel (lebar gambar)
Height = pixel (tinggi gambar)
Align = [top | middle | bottom | left | right]
Border = pixel (tebal garis tepi gambar)

Untuk mencobanya siapkan sebuah gambar simpan dalam satu folder dengan file berikut ketikan script HTML berikut pada notepad lalu simpan dengan ekstensi .HTML lalu jalankan.

<html>
    <head>
  <title>tampil gambar</title>
    </head>
    <body>
 <h3>coba menampilkan gambar</h3>
 <img src='<!—disini berisi alamat gambar anda contoh : gambar.jpg -->'></body>
</html>

Ketika di jalankan maka tampilannya akan seperti di awal.

Baca juga : Membuat Link Pada HTML


Menempelkan Image (gambar) Pada HTML sekarang sudah selesai, baca juga tutorial HTML lainnya.

Terima Kasih Telah Mengunjungi Blog Sederhana Ini.

Di Mohon Apabila Anda Ingin Mengcopas Artikel Pada Blog ini Cantumkan URL Sumber.

Sebagai Pengunjung Yang Baik Anda Dapat Meninggalkan Komentar di Blog Sederhana Ini.

Share this post

6 komentar

:) :) :-) :-) :)) :)) =)) =)) :( :( :-( :-( :(( :(( :d :d :-d :-d @-) @-) :p :p :o :o :>) :>) (o) (o) [-( [-( :-? :-? (p) (p) :-s :-s (m) (m) 8-) 8-) :-t :-t :-b :-b b-( b-( :-# :-# =p~ =p~ :-$ :-$ (b) (b) (f) (f) x-) x-) (k) (k) (h) (h) (c) (c) cheer cheer

 
© Jin Toples Programming
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0