Materi Ajar Kelas 6, Jum'at 5 November 2021

Nama Guru                           : Resky Kusumawardati, S.Kom

Kelas/Semester                     : 6A - 6G / I (Satu)

Nama Sekolah                      : SD Al-Azhar 2

KD                                         : Menampilkan Gambar dan Membuat Tabel pada Dokumen HTML

Materi Pokok                       :  Menampilkan Gambar pada Dokumen HTML

Tujuan Pembelajaran         : 1. Siswa mampu mengenal jenis gambar

                                                 2. Siswa mampu mengetahui cara menampilkan gambar

Sebelum memulai belajar hendaknya kita berdoa terlebih dahulu ya nak, berdoa dimulai..

Aamiin aamiin Yarabbal Alamin

Bagaimana kabarnya hari ini nak? Semoga sehat dan selalu dalam lindungan Allah SWT aamiin. Tetap semangat dan jangan lupa untuk selalu istiqomah sholat sunnah serta sholat wajibnya, murojaah qur'an dan mendengarkan tausiyahnya ya..

Baik hari ini kita akan mempelajari tentang "Mengenal jenis gambar dan cara menampilkan gambar" Berikut adalah materi hari ini :

·         1. Menampilkan Gambar

-Mengenal jenis gambar

       Jenis gambar yang dapat disajikan dalam halaman web adalah :

1.    GIF (Graphic Interchange Format)

Karakteristik dari jenis gambar GIF adalah :

·      Ekstensi .gif

·      GIF hanya mendukung warna 8 bit atau 256 warna

·      Salah satu warna dapat bersifat transparan

·      Dapat memasukkan gambar lebih dari satu dalam satu file dan menampilkannya secara bergantian (animasi)

·      GIF cocok untuk membuat gambar yang melibatkan sedikit warna, misalnya logo, gambar tombol, banner, ikon, gambar latar belakang dan lain-lain.

2.    JPEG (Joint Photograph Experts Graphics)

Karakteristik dari jenis gambar JPEG adalah :

·      Ekstensi .jpg/jpeg

·      JPEG Mendukung warna hingga 24 bit atau lebih dari 16 juta

·      JPEG tidak mendukung transparansi dan animasi

·      JPEG cocok untuk menampilkan gambar-gambar yang nyata seperti foto

3.    PNG (Portable Network Graphic)

·      Ekstensi .png

·      PNG merupakan format yang diciptakan khusus untuk web

·      Terdapat 2 Jenis PNG, yaitu PNG-8 yang dan PNG-24 yang mendukung gambar 24 bit.

·      PNG mendukung animasi dan transparansi.

-Cara Menampilkan Gambar

Untuk menampilkan gambar, digunakan tag <img>. tag <img> mempunyai banyak atribut, tetapi hanya satu yang harus disertakan, yaitu atribut src. bentuk paling sederhana dari tag<img>:

 

Silahkan dicatat dibuku tulis masing-masing, semangat.. semoga bermanfaat. Aamiin

Terimakasih,

Wasaalamu'alaikum Warahmatullahi Wabarakatuh