Selamat datang di Kelas 6C
Nama Guru : Novarief Saisywa, S.Kom.
Satuan Pendidikan : SD Al-Azhar 2 Bandar Lampung
Mata Pelajaran : Teknologi Informasi dan Komunikasi (TIK)
Kelas / Semester : 6C/1
Hari, Tanggal : Kamis, 24 Oktober 2024
Kompetensi Dasar : Mengenal Program HTML untuk Membuat Dokumen Web
Standar Kompetensi : Mendemonstrasikan penggunaan Tag-Tag HTML dalam program HTML
Pembelajaran Ke : 11
Aamiin, Aamiin Ya Rabbal Alamin
1. Alur Tujuan Pembelajaran
- Mengetahui Tag Paragraf pada program HTML
2. Tujuan Pembelajaran
- Peserta didik dapat menyebutkan dan menjelaskan Tag Paragraf pada program HTML
3. Capaian Pembelajaran
- Peserta didik mampu menyebutkan serta menjelaskan Tag Paragraf pada program HTML
- Ceramah, Tanya Jawab, Demonstrasi
5. Alat Peraga/Bahan Ajar
- Seperangkat Komputer, LCD Proyektor, Modul TIK
6. Kegiatan Awal (Sapaan)
Assalammualaikum anak sholih dan sholihah bagaimana kabarnya hari ini? semoga selalu diberikan kesehatan. Aamiin. Sebelum pelajaran hari ini dimulai mari kita murojaah surat terlebih dahulu ya.
7. Apersepsi
Pada pertemuan sebelumnya kita telah belajar tentang Tag Membuat Animasi Bergerak pada program HTML, ada yang bisa menyebutkan Tag Membuat Animasi Bergerak pada HTML? betul sekali, jadi tag yang digunakan untuk membuat Animasi Bergerak pada HTML yaitu tag <marquee>...</marquee> . Untuk hari ini kita akan belajar tentang Tag Membuat Paragraf <p>...</p> pada program HTML.
8. Materi Pembelajaran
Membuat List (Daftar Item)
Ø Membuat list dengan Bullet (Unordered List)
Untuk membuat list dengan bullet digunakan tag <ul> dan pada akhir daftar diakhiri dengan tag </ul>. tag <li> digunakan untuk membuat setiap item dari list.
Jenis bullet dapat ditentukan melalui atribut type pada tag <ul>. kemungkinan nilai untuk atribut type:
Nilai untuk Type | Bentuk Bullet |
“DISC” | · |
“CIRCLE” | o |
“SQUARE” | § |
Ø Membuat list dengan nomor (Ordered list)
Untuk membuat daftar item dalam bentuk nomor digunakan tag <ol> dan pada akhir daftar diakhiri dengan tag </ol>. tag <li> digunakan untuk membuat setiap item dari list. untuk mengganti nomor dalam daftar item, digunakan atribut type pada tag <ol>. Kemungkinan nilai dari Atribut Type adalah:
Nilai | Keterangan |
“A” | Huruf Kapital |
“a” | Huruf Kecil |
“I” | Angka romawi dengan huruf kapital |
“i” | Angka romawi dengan huruf kecil |
Contoh Penggunaan:
<html>
<head>
<title>ALAZHAR ONLINE</title>
</head>
<body bgcolor="grey">
<div align=center>
<strong>
PERGURUAN ALAZHAR<br>
BANDAR LAMPUNG <br>
<em>TK – SD – SMP – SMA<em>
</strong>
</div>
<hr size =”1” noshade>
<marquee behavior="alternate" bgcolor=”blue”>
<strong>Selamat Datang di Website Alazhar Lampung</strong>
</marquee>
<hr size = “1” noshade>
<p align= left><font color="YELLOW" face="arial">
Gebyar Alazhar Lampung<br>
Ada bermacam-macam lomba pada acara gebyar alazhar Lampung :
<ol>
<li>Lomba nonAkademik</li>
<ul>
<li>Lomba Da’i</li>
<li>Lomba Adzan</li>
<li>Lomba Menyanyi</li>
</ul>
<li>Lomba Akademik</li>
<ul type=”square”>
<li>Lomba Matematika</li>
<li>Bahasa Inggris</li>
<li>Lomba Melukis</li>
</ul>
</ol>
Setiap siswa yang mendapatkan juara akan mendapatkan :
<ol type="A">
<li>Piala</li>
<li>Uang Tunai</li>
<li>Hadiah hiburan lainnya</li>
</ol>
</p>
</body>
</html>
Maka tampilannya akan seperti berikut ini :
9. Penutup
Demikian untuk pembalajaran hari ini yang dapat bapak sampaikan, Jangan lupa selalu melaksanakan shalat 5 waktu dan senantiasa selalu murojaah agar hafalan kalian tetap terjaga dan jangan lupa selalu berbuat baik dan selalu tolong menolong dan serta jagalah kesehatan.
REFLEKSI ATAU KESIMPULAN PEMBELAJARAN
Berdasarkan hasil pembelajaran hari ini dapat diketahui bahwa semua peserta didik sudah mampu memahami materi tentang Tag <ul>, <ol> untuk Membuat List (Daftar Item) dengan baik
Dokumentasi Pembelajaran
.png)
.png)
0 Komentar