Langsung ke konten utama

Materi Ajar Kelas 6 Pertemuan Ke 14 Semester Ganjil

Hari / Tanggal : Selasa/ 29 Oktober 2024

Mata Pelajaran : TIK / Komputer

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

Tema : Mengenal HTML

Sub Tema : Membuat Animasi Teks Berjalan di Halaman WEB

Tujuan Pembelajaran : Siswa Mampu Membuat Animasi Teks Berjalan di Halaman WEB

Pembelajaran Ke- : 14


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 melaksanakan remedial penilaian tengah semester. Minggu ini kita lanjutkan ke materi berikutnya ya. Untuk minggu ini kita akan membahas cara membuat animasi teks berjalan di halaman web.

Untuk membuat animasi teks berjalan, digunakan tag <marquee>…</marquee>

Berikut adalah contoh penulisan kode html untuk membuat animasi teks berjalan pada halaman web

<html>

<head>

<title> Al – Alazhar 1 </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>

Selain itu, kita juga dapat mengrubah arah pergerakan teks, yaitu dengan menggunakan atribut direction. Nilai yang dapat diisikan untuk atribut direction ada 3, yaitu:

  • Rigth : Teks bergerak dari kiri ke kanan.
  • Up : Teks bergerak dari bawah ke atas.
  • Down : Teks bergerak dari atas ke bawah.
Untuk hasil nya seperti gambar di bawah ini:


Bagaimana apakah anak sholih sholihah sudah paham cara membuat animasi teks berjalan pada halaman web???

Nah untuk selanjutnya silahkan anak sholih sholihah mempraktekkan cara membuat animasi teks berjalan pada halaman web dengan menggunakan notepad ya.

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