Sunday, May 17, 2015

Cara Memasukkan Gambar atau Foto Dalam HTML

Hai sobat kali ini saya akan memposting "Cara Memasukkan Gambar atau Foto Dalam HTML", Di sini yang kita gunakan adalah Notepad atau bisa juga dengan Notepad++. Salah satu cara untuk memperindah tampilan website selain menampilkan informasi dengan format teks, juga dibutuhkan adanya tampilan berupa gambar. Dengan adanya gambar juga akan memperjelas informasi yang disampaikan. Dalam menampilakan gambar, yang diperlukan adalah tag-tag HTML yang berperan untuk menampilkan gambar.

File gambar yang ada jumlahnya cukup banyak, tetapi tidak semua tipe gambar dapat ditampilkan dalam dokumen HTML. Berikut ini dapat ilihat beberapa format dan ekstensi dari file gambar yang dapat digunakan.

Jenis GambarEkstensiKepanjangan Ekstensi
JPEG*.jpegJoin Photographic Expert Group
JPG*.JPGJoin Photographic Group
TIFF/TIF*.JPGTagged Image File Format
PNG*.pngPortable Network Graphies
GIF		*.gifGraphis Interchange Format
Tag yang digunakan untuk menampilkan gambar pada dokumen HTML adalah <img> ada beberapa atribut yang menyertai tag ini, tetapi tag yang harus selalu disertakan hanya ada satu, yaitu atribut "src" (search). sintak sederhana dari tag <img> adalah sebagai berikut:
<img src="nama file gambar">

contoh:

contoh:
<html>
<head>
<title> gambar </title>
</head>
<body>
<img src="https://reanhidayat.files.wordpress.com/2010/12/garuda-indonesia.jpg"></img>
</body>
</html>

 




terima kasih
Posted by at

9 comments:

  1. UnknownNovember 30, 2016 at 10:29 PM

    itu script html cursornya apa mas

    ReplyDelete
  2. UnknownJanuary 12, 2018 at 9:12 PM

    This comment has been removed by the author.

    ReplyDelete
  3. UnknownJanuary 14, 2018 at 4:30 PM

    thanks kak, ini sangat bermanfaat untuk saya.

    My blog

    ReplyDelete
  4. Astuti ErnawatiOctober 4, 2018 at 12:46 AM

    Makasih ilmunya ka,,,mau tanya kalau masukin gambar atau foto ukurannya harus diubah atau sesuai ukuran aslinya ,,makasih
    Kunjungi website kampus saya ya http://www.atmaluhur.ac.id
    Dan web blog saya https://astutiernawati.mahasiswa.atmaluhur.ac.id/

    ReplyDelete
  5. Quickbooks supportOctober 3, 2019 at 3:00 AM


    Contact Quickbooks Helpline Number 800-901-6679 to acquire instant solution of your issues & queries. Get round the clock assistance from our highly skilled technicians. Whenever appear with technical issues then make a call on the support anytime.

    ReplyDelete
  6. Quickbooks ExpertOctober 16, 2019 at 2:37 AM

    Nice Blog ! Is there any Quickbooks issues creating hindrances in smooth functioning of your business? Do you need some help? If yes, Ring us at our Quickbooks Pro Support Phone Number +1 (800) -986-4607.

    ReplyDelete
  7. QuickBooks Payroll SupportDecember 5, 2019 at 11:10 PM

    QuickBooks Support Phone Number
    Quickbooks Proadvisor Support Phone Number
    QuickBooks Helpline Number

    ReplyDelete
  8. JepratDecember 26, 2019 at 2:07 AM

    Mending langsung upload gambar ke html aja mas
    Ngomong 2 templatenya pt keren sekali ya..

    ReplyDelete
  9. thomasJuly 17, 2020 at 3:03 AM


    Lockdown is running in the whole country due to coronavirus, in such an environment we are committed to provide the best solutions for QuickBooks Support Phone Number.
    Know how to fix QuickBooks Pos support Phone Number New York to get in touch.
    Dial : 1-844-908-0801

    ReplyDelete

Subscribe to: Post Comments (Atom)