Langsung ke konten utama

Materi Ajar Kelas 6 Pertemuan Ke 16 Semester Ganjil

Hari / Tanggal : Kamis/ 20 November 2025

Mata Pelajaran : TIK / Komputer

Kelas : 6 Al Khawarizmi (SD Al - Azhar 1 Bandar Lampung)

Tema : Mengenal HTML

Sub Tema : Menampilkan gambar pada halaman web

Tujuan Pembelajaran : Siswa mampu menginputkan gambar pada halaman web dengan menggunakan kode html

Pembelajaran Ke- : 16


Assalamualaikum wr.wb

Bagaimana kabar anak sholeh dan sholehah serta orang tua hebat ?

Alhamdulillah semoga kita semua dalam keadaan sehat dan selalu dalam lindungan Allah SWT aamiin.

Bertemu Kembali di Mata Pelajaran Komputer / TIK ya nak, sebelum kita melanjutkan Pembelajaran, Anak Sholeh dan Sholehah sudah melaksanakan Shalat Dhuha kan? Alhamdulillah kalau sudah, baik kita mulai pembelajaran hari ini dengan mengucap Bismillahirrahmaanirrahim..

Pada pertemuan minggu lalu, kita sudah membahas materi tentang membuat list pada halaman web. Nah pada pertemuan kita hari ini, kita akan membahas materi baru lagi yaitu menampilkan gambar pada halaman web.

Menampilkan gambar pada html termasuk yang bisa di bilang terpenting dalam membuat website, bayangkan apa jadinya jika website tanpa gambar, maka akan terasa sangat membosankan. oleh karena itu teknik menampilkan gambar pada HTML. 

HTML menyediakan sebuah tag yang khusus untuk menampilkan gambar atau image. tag HTML yang berfungsi untuk menampilkan gambar adalah tag ” <img> “. tag <img> di gunakan untuk menampilkan gambar atau image dengan berbagai ekstensi, bisa itu jpg, png, gif, bmp, ico dan lain-lain.

Cara Menampilkan Gambar Pada HTML

Gambar dapat kita tambakan di HTML dengan menggunakan tag <img>. Tag ini memiliki atribut wajib, yakni src. Jika kita tidak mengisi atribut src, maka gambar tidak akan ditampilkan.



Contoh :
<html>
<head>
<title> Contoh Gambar di HTML </title>
</head>
<body>
<h1>Menampilkan Gambar di HTML</h1>
<p>Berikut ini adalah gambar sawah:</p> 
<p> <img src="sawah.jpg" /> </p>
</body>
</html>

Hasil :

Pada contoh di atas, kita menuliskan langsung nama file dari gambar. Ini karena kita menaruh gambar di dalam folder yang sama dengan file HTML.


Bagaimana sudah paham cara menampilkan gambar pada halaman web???

Baiklah untuk selanjutnya, silahkan anak-anak menginputkan minimal 3 gambar pada halaman web. Gambar bisa diambil dari komputer atau bisa juga dengan membuatnya sendiri.

Baiklah untuk pertemuan minggu ini hanya itu saja yang dapat miss sampaikan. Tetap semangat, tetap istiqomah untuk melaksanakan shalat 5 waktu berjamaah dan tepat waktu ya sholeh sholehah. Atas Perhatiannya Miss ucapkan terimakasih.


Wassalamualaikum wr wb


Komentar

Posting Komentar