Materi Ajar Kelas 6 Pertemuan Ke 10

Hari / Tanggal : Selasa/ 04 Oktober 2022

Mata Pelajaran : TIK / Komputer

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

Tema : Mengenal Garis Horisontal (Horizontal Rules)

Sub Tema : Pengenalan HTML untuk Membuat Web

Pembelajaran Ke- : 10

Tujuan Pembelajaran : Siswa mampu membuat garis horisontal pada halaman web

Assalamualaikum warahmatullahi wabarokatuh

Bagaimana kabar anak sholeh dan sholehah ?

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

Setelah kita melaksanakan aktivitas kita di pagi hari ini, yaitu mendengarkan tausiyah, melaksakan shalat dhuha, dan melakukan muroja'ah. Selanjutnya kita akan belajar.

Sebelum mulai belajar, ada baiknya kita mengucap Bismillahirrahmaanirrahim.. dan membaca doa terlebih dahulu ya.

Ok, minggu lalu kita sudah melaksanakan penilaian harian. Bagaimana apakah soalnya susah susah???

Miss rasa tidak ya, karena hasil yang didapat rata-rata bagus.

Sebelum masuk kemateri selanjutnya, kita akan mengulas terlebih dahulu materi yang terakhir kita pelajari. Ada yang masih ingat???

Ok, benar sekali. Terakhir kita membahas cara pemformatan teks pada halaman web dengan menggunakan tag , tag , dan tag . Yang mana tag berfungsi untuk menebalkan huruf. tag berfungsi untuk memiringkan huruf. dan tag berfungsi untuk memberi garis bawah pada huruf.

Baik kita lanjut ke materi berikutnya, yaitu Mengenal Garis Horisontal (Horizontal Rules).

Untuk membuat garis horisontal pada halaman web itu menggunakan tag <hr>. Yang mana tag <hr> memiliki beberapa atribut, diantaranya :

1. Size berfungsi untuk menentukan ketebalan garis, SIZE = Pixels (line height, default 2).

2. Width berfungsi untuk menentukan lebar garis, WIDTH = Length (line width, pixel or percentage, default 100%).

3. Align berfungsi untuk mengatur peletakan garis pada halaman web, ALIGN =[ left | center | right ] (horizontal alignment, default center).

4. Noshade berfungsi untuk mengatur agar garis tidak disertai bayangan

Untuk menggunakan perintah tag <hr> penulisan yang tepat seperti dibawah ini:

<html>

<head>

<title>ALAZHAR ONLINE</title>

</head>

<body>

PERGURUAN ALAZHAR

BANDAR LAMPUNG

TK – SD – SMP – SMA

</div>

Selamat Datang di Website Perguruan Alazhar Lampung

</body>

</html>

Maka hasilnya akan seperti berikut ini :

Nah bagaimana, apakah anak sholeh dan sholehah sudah paham mengenai garis horisontal pada halaman web???

Alhamdulillah :) Nah sekarang miss mau kalian coba praktekkan cara membuat garis horisontal di halaman web dengan menggunakan ke4 atribut tag <hr>.

Good Luck Kids :)

Baiklah, untuk pertemuan kita hari ini miss cukupkan sampai disini. Kita akan bertemu lagi di minggu depan pada pertemuan berikutnya. Miss tutup pertemuan kita hari ini dengan mengucapkan Alhamdulillahirabbil'alamin :) terimakasih anak sholeh dan sholehah sudah mengikuti pembelajran TIK hari ini :) mohon maaf apabila ada kesalahan dalam penyampaian materi nya.

Wassalamu'alaikum Warahmatullahi wabarokatuh

Erni Sri Wahyuni

Cari Blog Ini