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, 7 Agustus 2024
Kompetensi Dasar : Mengenal Program HTML untuk Membuat Dokumen Web
Standar Kompetensi : Mendemonstrasikan penggunaan Tag-Tag HTTML dalam program HTML
Pembelajaran Ke : 3
.jpeg)
Aamiin, Aamiin Ya Rabbal Alamin
1. Alur Tujuan Pembelajaran
- Mengetahui macam - macam pengaturan properti dokumen pada HTML
- Menyebutkan dan menjelaskan macam - macam pengaturan properti dokumen pada HTML.
2. Tujuan Pembelajaran
- Peserta didik dapat menyebutkan dan menjelaskan macam - macam pengaturan properti dokumen pada HTML
3. Capaian Pembelajaran
- Peserta didik mampu menyebutkan serta menjelaskan menjelaskan macam - macam pengaturan properti dokumen pada HTML.
4. 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.
5. Apersepsi
Pada pertemuan sebelumnya kita telah belajar tentang Struktur HTML, ada yang bisa menyebutkan apa saja struktur HTML? betul sekali, jadi struktur HTML yaitu HTTP, Web Server, Tag. Untuk hari ini kita akan belajar tentang macam - macam pengaturan properti dokumen pada HTML.
6. Materi Pembelajaran
Pengaturan Properti Dokumen
Properti dokumen diatur melalui atribut-atribut yang terdapat dalam elemen <body>.
- Pengaturan warna latar belakang halaman,
-Warna teks,
- Warna link dan lain-lain.
A. Kode Warna
Dalam pengaturan warna menggunakan kode RGB yang mana ditampilkan dalam nilai heksadesimal.
Contoh Kode Warna
B. Atribut Elemen BODY
BACKGROUND = URI (background image for document)
BGCOLOR = Color (background color for document, default white)
TEXT = Color (text color for document, default black)
LINK = Color (link color for document, default blue)
VLINK = Color (visited link color for document, default purple)
ALINK = Color (active link color for document, default red)
C. Elemen Heading <hx>
Tag heading berfungsi untuk memformat heading (judul dan sub-judul) dari suatu halaman web.
4 macam heading adalah :
<h1> : Huruf kapital atau besar di semua tulisan
<h2> : Huruf besar di awal kalimat
<h3> : Huruf besar di setiap awalan kata
<h4> : Huruf kecil di semua tulisan
D. Membuat Dokumen HTML
Dokumen HTML harus disimpan dengan ekstensi “.htm” atau “.html”.
E. Cara menggunakan NOTEPAD adalah:
- Klik menu start
- Pilih all program
- Pilih accessories
- Klik Notepad.
Latihan Praktek 01 :
Ketiklah HTML yang ada dibawah, menggunakan program Notepad kemudian disimpan di drive/data (D) pada folder yang telah kalian buat, ganti nama file dengan Latihan1.html dan save as type menjadi All Files!
<html>
<head>
<title>latihan 01</title>
</head>
<body bgcolor=#003399 text=#ffff00>
<h1>TOKO BUKU FAJAR AGUNG BANDAR LAMPUNG</h1>
<h2>Toko kami menyediakan</h2>
<h3>Macam-Macam Alat Tulis</h3>
<h4>buku, pensil, ballpoint, penghapus, penggaris dll.</h4>
<h3>Macam-Macam Buku Pelajaran</h3>
<h4>bahasa lampung, bahasa inggris matematika, sbdp, pjok, tik dll.</h4>
<h3>Macam-Macam Alat Kantor</h3>
<h4>cap, meja, kursi putar, map dll.</h4>
</body>
</html>
· Jalankan browser di Internet Explore atau mozila dan buka file diatas lalu amati apa yang terjadi, huruf pada <h1> dan </h1> akan ditampilkan lebih besar dibandingkan <h2> dan </h2>.
Alhamdulillah sholih sholiha kita suda mempelajari materi tentang dasar - dasar HTML dan struktur HTML, semoga pembelajaran hari ini dapat diterima dengan baik serta dapat dipelajari kembali dirumah. Sampai berjumpa kembali pada pembelajaran minggu depan ya nak.
8. 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.
.png)
.png)
0 Komentar