Hari / Tanggal : Jumat/ 12 September 2025
Mata Pelajaran : TIK / Komputer
Kelas : 6 Al Jazari (SD Al-Azhar 1 Bandar Lampung)
Tema : Mengenal HTML
Sub Tema : Membuat Teks Animasi Berjalan di Halaman Web
Tujuan Pembelajaran : Siswa Mampu Membuat Teks Animasi Berjalan di Halaman Web
Pembelajaran Ke- : 8
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 membahas materi tentang membuat garis horizontal pada halaman web.
Minggu ini kita lanjutkan ke materi berikutnya ya. Untuk minggu ini kita akan membahas cara membuat teks animasi berjalan di halaman web.
Untuk membuat animasi teks berjalan, digunakan tag <marquee>…</marquee>. Tag marquee memiliki atribut, yaitu atribut direction dan atribut behavior.
1. Atribut Direction berfungsi untuk mengatur arah pergerakan teks ataupun gambar pada halaman web. Yang terdiri dari 4 atribut, yaitu :
a. Left = Teks berjalan dari kanan ke kiri.
b. Right = Teks berjalan dari kiri ke kanan.
c. Up = Teks berjalan dari bawah ke atas.
d. Down = Teks berjalan dari atas ke bawah.
2. Atribut Behavior berfungsi untuk menentukan pergerakan teks saat mencapai ujung. Yang terdiri dari 3 atribut, yaitu:
a. Scrool = Teks bergulir dari satu sisi lalu menghilang dan muncul lagi dari sisi lainnya.
b. Slide = Teks bergerak dari satu sisi lalu berhenti di sisi berlawanan.
c. Alternate = Teks bergerak bolak-balik antara dua sisi.
Berikut adalah contoh penulisan kode html untuk membuat teks animasi berjalan pada halaman web :
<html>
<head>
<title> AL AZHAR ONLINE </title>
</head>
<body>
<div align=“center”>
<strong>
PERGURUAN AL-AZHAR<br>
BANDAR LAMPUNG<br>
<em>TK-SD-SMP-SMA<em>
</strong>
</div>
<hr size =”10” noshade>
<marquee>
<strong>Selamat Datang di Website Alazhar Lampung</strong>
</marquee>
<hr size =”10” noshade>
<marquee direction="right">Selamat Datang di Website Alazhar Lampung</marquee direction>
</body>
</html>
Bagaimana apakah anak sholih sholihah sudah paham tentang teks animasi berjalan pada halaman web???
Nah untuk selanjutnya silahkan anak sholih sholihah melanjutkan website sebelumnya dengan menambahkan teks animasi berjalan pada halaman web yang telah dibuat.
Good Luck Sholih Sholihah :)
Baik hanya itu saja yang dapat miss sampaikan pada pertemuan hari ini. Sampai bertemu lagi dipertemuan berikutnya:). Baik miss tutup pertemuan hari ini, terimakasih atas perhatiannya dan mohon maaf apabila dalam penyampaian materi terdapat kesalahan. Miss ucapakan
Wassalamualaikum wr wb
Komentar
Posting Komentar