Hari / Tanggal : Selasa/ 5 Agustus 2025
Mata Pelajaran : TIK / Komputer
Kelas : 6 Ibnu Sina (SD Al - Azhar 1 Bandar Lampung)
Tema : Menggunakan HTML untuk membuat web
Sub Tema : Membuat property dokumen html dan mengatur peletakan teks pada halaman web
Tujuan Pembelajaran : Murid mampu membuat property dokumen html dan mengatur peletakan teks pada halaman web
Pembelajaran Ke- : 3
Assalamualaikum wr.wb
Bagaimana kabar anak sholeh dan sholehah ?
Alhamdulillah semoga kita semua dalam keadaan sehat dan selalu dalam lindungan Allah SWT aamiin.
Minggu lalu kita sudah mengenal struktur dasar html sebagai pondasi awal dalam pembuatan website. Nah untuk minggu ini kita akan mempelajari cara membuat property dokumen html dan mengatur peletakan teks pada halaman web.
Sebelum masuk ke caranya, miss akan memberikan sebuah kode-kode warna yang mana pada kode html kita tidak bisa langsung memberikan nama warna pada notepadnya melainkan dengan menggunakan kode warna. Kode-kode warna pada html sangat beragam dan banyak, tetapi disini miss akan memberikan beberapa saja kode warna, yaitu:
<head>
<title>latihan 01</title>
</head>
<body bgcolor=#FFFF00>
</body>
</html>
Selanjutnya ada Elemen heading.
Elemen heading merupakan elemen HTML yang digunakan untuk menciptakan judul/sub judul artikel pada halaman web. Elemen Heading memiliki 6 macam, yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Elemen heading <h1> merupakan heading yang paling penting atau paling besar dan elemen heading <h6> merupakan heading yang paling kecil.
Dari sini bisa kita simpulkan bahwa heading dalam HTML memiliki 6 level yang paling tinggi adalah <h1> dan yang paling rendah adalah <h6>.
Hal selanjutnya adalah posisi heading sangatlah penting dalam sebuah dokumen HTML karena ia merepresentasikan struktur konten dari dokumen HTML.
Dan karena hal tersebut, kita harusnya tidak asal-asalan dalam menggunakan heading HTML, akan tetapi tetap memikirkan struktur hirarki yang tepat sesuai level konten suatu dokumen.
1. left , untuk mengatur teks rata kiri terhadap halaman
2. Center, untuk mengatur teks rata tengah terhadap halaman
3. Right, untuk mengatur teks rata kanan terhadap halaman.
<html>
<head>
<title>Latihan Peletakan Teks</title>
</head>
<body bgcolor=#00FFFF>
<div align="center">
<h1> A DAY IN MY LIFE </h1>
</div>
<p align="left">
Ketemu lagi sama aku Zahra. Aku mau cerita
lagi nih tentang keseharian aku. Seperti
biasa bangun buat sholat tahajud di lanjut
sholat subuh. Selanjutnya aku rapihin
plus bersihin kasur and kamar, terus aku
bantu ibu aku untuk bersihin rumah.
Setelah itu aku mandi jam 6an habis mandi
aku sarapan.
</p>
<p align="center">
Terus aku bersiap-siap untuk berangkat
ke sekolah. Setelah sampai disekolah,
aku bersalaman dengan guru-guru
lalu mendengarkan tausiah. Setelah
itu aku bersiap-siap untuk melaksanakan
solat dhuha berjamaah di sekolah bersama
teman-temanku. Setelah selesai solat dhuha
lanjut di kegiatan rutin aku di sekolah
yaitu muroja'ah.
</p>
<p align="right">
Selesai muroja'ah aku mulai belajar.
Pelajaran yang aku pelajari adalah
pelajaran TIK. Di pelajaran TIK aku
belajar cara membuat website sederhana
dengan menggunakan aplikasi notepad.
sebelumnya aku berpikir akan sulit membuat
website, tapi ternyata setelah aku
pelajari sangat mudah dan akhirnya aku
bisa membuat website sendiri.
</p>
<p align="justify">
Setelah seharian belajar di sekolah,
waktunya aku kembali ke rumah lagi. Sampai
di rumah, aku bersih-bersih, mandi dan
melaksanakan solat zuhur. Setelah solat
aku bersiap-siap mengaji sampai pukul
17.00. Setelah mengaji aku kembali lagi
kerumah dan melaksanakan solat magrib
lalu aku makan malam bersama dengan
keluargaku. Tak terasa waktu sudah malam
waktunya buat istirahat.
Itu dia cerita A Day In My Life aku.
Semoga kalian terhibur ya membacanya:)
Byebye teman-teman :) Terimakasih sudah
membaca kisahku :)
</p>
</body>
</html>
Baiklah itu dia beberapa materi yang kita pelajari hari ini. Semoga apa yang Miss sampaikan dapat kalian pahami dengan baik ya:)
Untuk selanjutnya silahkan anak sholeh sholehah menuliskan sebuah rutinitas kegiatan sehari-hari dengan minimal 4 paragraf. Lalu atur paragraf dengan menggunakan left pada paragraf 1, lalu menggunakan right pada paragraf ke 2, lalu menggunakan center pada paragraf ke 3 dan menggunakan justify pada paragraf ke 4. Selamat mengerjakan sholeh sholehah, Good Luck ;)
Tetap semangat dan tetap istiqomah untuk melaksanakan shalat 5 waktu berjamaah dan tepat waktu. Atas perhatiannya Miss ucapkan terimakasih.
Wassalamualaikum wr wb
Komentar
Posting Komentar