Langsung ke konten utama

Materi Ajar Kelas 6 Pertemuan Ke 12 Semester Ganjil

Hari / Tanggal : Kamis/ 10 Oktober 2024

Mata Pelajaran : TIK / Komputer

Kelas : 6B (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- : 12


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 di halaman web. 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>.

Animasi teks berjalan memiliki macam-macam atribut, yaitu :

1. Direction = digunakan untuk mengubah arah pergerakan teks.

Macam-macam atribut direction :
1. Right = teks berjalan dari kiri ke kanan.
2. Up = teks berjalan dari bawah ke atas.
3. Down = teks berjalan dari atas ke bawah.

2. Behavior = digunakan jika ingin arah teks bolak-balik dari kana ke kiri dan sebaliknya.

Berikut adalah contoh penulisan kode html untuk membuat animasi teks berjalan dengan menggunakan atribut direction :

<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>

Untuk hasil nya seperti gambar di bawah ini:


Berikut adalah contoh penulisan kode html untuk membuat animasi teks berjalan dengan menggunakan atribut behavior :

<html>

<head>

<title> Al – Alazhar 1 </title>

</head>

<body>

<hr size="1" noshade>

<marquee behavior="alternate">

<strong> Selamat Datang di Perguruan Yayasan Al Azhar Lampung </strong>

</marquee>

</body>

</html>


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

Popular Posts

Kisi - Kisi STS Kelas 5 Semester Genap

Hari / Tanggal : Rabu/ 12 Maret 2025 Mata Pelajaran : TIK / Komputer Kelas : 5 (SD Al - Azhar 1 Bandar Lampung) Tema :  Menggunakan Program Microsoft Excel Assalamualaikum wr.wb Bagaimana kabar anak sholeh dan sholehah ? Alhamdulillah semoga kita semua dalam keadaan sehat dan selalu dalam lindungan Allah SWT aamiin. Pada pertemuan kali ini, miss akan memberikan kisi-kisi untuk Penilaian Tengah Semester. Sholeh-Sholehah bisa mempelajari dari kisi-kisi ini ya :). Berikut kisi-kisi nya: Ms Excel adalah progam pengolah angka yang dilengkapi dengan fitur kalkulasi dan pembuatan grafik. Berikut ini adalah gambar Tampilan Microsoft Office Excel : Berikut adalah keterangan-keterangan dari tampilan diatas: 1. Office Button, terdiri atas perintah New document, open dokument, save, save as, print, prepare, send, publish, close. 2. Quick Access terdiri dari beberapa tombol yang bisa mempercepat pekerjaan kita. isi tombol tersebut sebagian ada pada menu office button, kecuali undo dan redo. 3. ...

Kisi - Kisi LUS Kelas 6 Semester Genap

Hari / Tanggal : Rabu/ 12 Maret 2025 Mata Pelajaran : TIK / Komputer Kelas : 6 (SD Al - Azhar 1 Bandar Lampung) Tema :  Menggunakan Program Microsoft Office, Program Coreldraw, dan HTML Assalamualaikum wr.wb Bagaimana kabar anak sholeh dan sholehah ? Alhamdulillah semoga kita semua dalam keadaan sehat dan selalu dalam lindungan Allah SWT aamiin. Pada pertemuan kali ini, miss akan memberikan kisi-kisi untuk Latihan Ujian Sekolah. Sholeh-Sholehah bisa mempelajari dari kisi-kisi ini ya :). Berikut kisi-kisi nya: https://docs.google.com/document/d/1m11lr9UpyYCgIii0N9HV0b5rvx87POU7/edit?usp=sharing&ouid=111766177864914153420&rtpof=true&sd=true Baiklah untuk pertemuan hari ini hanya itu saja yang dapat Miss sampaikan. Semoga apa yang Miss sampaikan berguna untuk sholeh-sholehah belajar ya:) Jangan lupa berdoa sebelum memulai ujian dan good luck kids:) Tetap semangat sekolahnya dan tetap istiqomah untuk melaksanakan shalat 5 waktu berjamaah dan tepat waktu. Sampai bertemu ming...

Kisi-Kisi US Semester Genap 2025

Hari / Tanggal : Minggu/ 4 Mei 2025 Mata Pelajaran : TIK / Komputer Kelas : 6 (SD Al - Azhar 1 Bandar Lampung) Tema :  Menggunakan Program Microsoft Office, Program Coreldraw, dan HTML Assalamualaikum wr.wb Bagaimana kabar anak sholeh dan sholehah ? Alhamdulillah semoga kita semua dalam keadaan sehat dan selalu dalam lindungan Allah SWT aamiin. Bagamana nih... Sudah siap untuk melaksanakan Ujian Sekolah??? Yukkk kita persiapkan dengan cara belajar dengan giat dan tekun:) Pada pertemuan kali ini, miss akan memberikan kisi-kisi untuk Ujian Sekolah. Sholeh-Sholehah bisa mempelajari dari kisi-kisi ini ya :). Berikut kisi-kisi nya: https://drive.google.com/file/d/11ctUjhTxkheDkHV_lTJPOmPPk8S2DM4o/view?usp=sharing Baiklah untuk pertemuan hari ini hanya itu saja yang dapat Miss sampaikan. Semoga apa yang Miss sampaikan berguna untuk sholeh-sholehah belajar ya:) Jangan lupa berdoa sebelum memulai ujian dan good luck kids:) Tetap semangat sekolahnya dan tetap istiqomah untuk melaksanakan sh...