Langsung ke konten utama

Materi Ajar Kelas 6 Pertemuan Ke 15 Semester Ganjil

Hari / Tanggal : Selasa/ 4 November 2025

Mata Pelajaran : TIK / Komputer

Kelas : 6 Ibnu Sina (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- : 15


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

Popular Posts

Kisi - Kisi STS Kelas 5 Semester Genap

Hari / Tanggal : Rabu/ 12 Maret 2025 Mata Pelajaran : TIK / Komputer Kelas : 5 (SD Al - Azhar 1 Bandar Lampung) Tema :  Menggunakan Program Microsoft Excel Assalamualaikum wr.wb Bagaimana kabar anak sholeh dan sholehah ? Alhamdulillah semoga kita semua dalam keadaan sehat dan selalu dalam lindungan Allah SWT aamiin. Pada pertemuan kali ini, miss akan memberikan kisi-kisi untuk Penilaian Tengah Semester. Sholeh-Sholehah bisa mempelajari dari kisi-kisi ini ya :). Berikut kisi-kisi nya: Ms Excel adalah progam pengolah angka yang dilengkapi dengan fitur kalkulasi dan pembuatan grafik. Berikut ini adalah gambar Tampilan Microsoft Office Excel : Berikut adalah keterangan-keterangan dari tampilan diatas: 1. Office Button, terdiri atas perintah New document, open dokument, save, save as, print, prepare, send, publish, close. 2. Quick Access terdiri dari beberapa tombol yang bisa mempercepat pekerjaan kita. isi tombol tersebut sebagian ada pada menu office button, kecuali undo dan redo. 3. ...

Kisi - Kisi LUS Kelas 6 Semester Genap

Hari / Tanggal : Rabu/ 12 Maret 2025 Mata Pelajaran : TIK / Komputer Kelas : 6 (SD Al - Azhar 1 Bandar Lampung) Tema :  Menggunakan Program Microsoft Office, Program Coreldraw, dan HTML Assalamualaikum wr.wb Bagaimana kabar anak sholeh dan sholehah ? Alhamdulillah semoga kita semua dalam keadaan sehat dan selalu dalam lindungan Allah SWT aamiin. Pada pertemuan kali ini, miss akan memberikan kisi-kisi untuk Latihan Ujian Sekolah. Sholeh-Sholehah bisa mempelajari dari kisi-kisi ini ya :). Berikut kisi-kisi nya: https://docs.google.com/document/d/1m11lr9UpyYCgIii0N9HV0b5rvx87POU7/edit?usp=sharing&ouid=111766177864914153420&rtpof=true&sd=true Baiklah untuk pertemuan hari ini hanya itu saja yang dapat Miss sampaikan. Semoga apa yang Miss sampaikan berguna untuk sholeh-sholehah belajar ya:) Jangan lupa berdoa sebelum memulai ujian dan good luck kids:) Tetap semangat sekolahnya dan tetap istiqomah untuk melaksanakan shalat 5 waktu berjamaah dan tepat waktu. Sampai bertemu ming...

Kisi-Kisi US Semester Genap 2025

Hari / Tanggal : Minggu/ 4 Mei 2025 Mata Pelajaran : TIK / Komputer Kelas : 6 (SD Al - Azhar 1 Bandar Lampung) Tema :  Menggunakan Program Microsoft Office, Program Coreldraw, dan HTML Assalamualaikum wr.wb Bagaimana kabar anak sholeh dan sholehah ? Alhamdulillah semoga kita semua dalam keadaan sehat dan selalu dalam lindungan Allah SWT aamiin. Bagamana nih... Sudah siap untuk melaksanakan Ujian Sekolah??? Yukkk kita persiapkan dengan cara belajar dengan giat dan tekun:) Pada pertemuan kali ini, miss akan memberikan kisi-kisi untuk Ujian Sekolah. Sholeh-Sholehah bisa mempelajari dari kisi-kisi ini ya :). Berikut kisi-kisi nya: https://drive.google.com/file/d/11ctUjhTxkheDkHV_lTJPOmPPk8S2DM4o/view?usp=sharing Baiklah untuk pertemuan hari ini hanya itu saja yang dapat Miss sampaikan. Semoga apa yang Miss sampaikan berguna untuk sholeh-sholehah belajar ya:) Jangan lupa berdoa sebelum memulai ujian dan good luck kids:) Tetap semangat sekolahnya dan tetap istiqomah untuk melaksanakan sh...