Marquee
Membuat Animasi Tampilan pada HTML
Keterangan :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.
# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
Membuat Animasi Tampilan pada HTML
Keterangan :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.
# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik )
Buatlah sebuah dokumen HTML untuk tulisan dibawah ini, buka notepad++
Baca artikel sebelumnya PENGENALAN CSS
Buatlah sebuah dokumen HTML untuk tulisan dibawah ini, buka notepad++
Simpan dengan nama marquee.html
<html>
<head>
<title>marquee</title>
</head>
<body>
<marquee ><h1> SELAMAT DATANG </h1></marquee>
<marquee direction="right"><h2>DI STMIK INDONESIA BANJARMASIN</h2></marquee>
<marquee behavior="alternate"><h3> HTML </h3></marquee>
<Marquee behavior="Slide">Teks bergerak dari kanan ke kiri</Marquee>
<Marquee scrollamount="2">Kecepatan gerak teks dengan
scrollamout="2"</Marquee>
<p align="justify"> untuk melihat dokumen HTML secara lokal melalui browser
web kita buka file tersebut dengan memilih menu File dan Open file</p>
</body>
</html>
<html>
<head>
<title>marquee</title>
</head>
<body>
<marquee ><h1> SELAMAT DATANG </h1></marquee>
<marquee direction="right"><h2>DI STMIK INDONESIA BANJARMASIN</h2></marquee>
<marquee behavior="alternate"><h3> HTML </h3></marquee>
<Marquee behavior="Slide">Teks bergerak dari kanan ke kiri</Marquee>
<Marquee scrollamount="2">Kecepatan gerak teks dengan
scrollamout="2"</Marquee>
<p align="justify"> untuk melihat dokumen HTML secara lokal melalui browser
web kita buka file tersebut dengan memilih menu File dan Open file</p>
</body>
</html>
Buka dokumen yang anda buat tadi
Lihatlah hasilnya :
Download Filenya dilink dibawah ini
Baca artikel selanjutnya PRAKTIK 29 MARQUEE ZIG-ZAG HTML
No comments:
Post a Comment