Insert Image ke Document


Nah sekarang tutorial kali ini saya akan mengajak temen2 belajar bareng insert atau memasukan ataupun menampilkan gambar kedalam halaman browser, ya udah langsung saja biar ga kelamaan...
Ada banyak format gambar, tapi ada tiga jenis format yang paling sering digunakan :
1. JPEG ( Joint Photographic Expert Image )
2. PNG ( Portable Network Graphics )
3. GIF ( Graphical Interchange Format )

Tag img di gunakan untuk membarikan gambar ke dalam dokument HTML.
Contoh :
1. Contoh insert gambar dengan mengambil link di internet:


<html>
<head>
<title> insert gambar link </title>
</head>
<body>
<img src="http://img442.imageshack.us/img442/3669/muryanawaludin.jpg" width="104" height="142" />
</body>
</html>


Hasilnya :
KLIK DISINI

2. Contoh insert gambar pada komputer offline :
Untuk mengambil gambar di komputer offline, sebelumnya kita harus membuat folder sendiri, kemudian file html dan file gambar dimasukan dalam 1 folder tersebut.


<html>
<head>
<title> insert gambar di komputer </title>
</head>
<body>
<img src="../ilmudesain/hyperlink.jpg" />
</body>
</html>



Keterangn : ".. = mencari lokasi folder
/ilmudesain = nama folder
/hyperlink.jpg" = nama file gambar

Hasil pada browser :


DOWNLOAD
Password : www.ilmudesain.web.id

Artikel Menarik Lainnya :



0 comments:

Post a Comment

Please Your Comment

Entri Populer

Kontak Saya

HP/WA : 08562616116

Total Pageviews

Teman-Teman Blogger

Ilmu Desain Grafis Copyright © 2009 Community is Designed by Bie | development by Muryan Awaludin