Selamat datang di Kelas 6D
Nama Guru : Novarief Saisywa, S.Kom.
Satuan Pendidikan : SD Al-Azhar 2 Bandar Lampung
Mata Pelajaran : Teknologi Informasi dan Komunikasi (TIK)
Kelas / Semester : 6D/1
Hari, Tanggal : Rabu, 23 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