Selasa, 09-Agu-2022

Marquee HTML

0 BYAdmin

Kita telah belajar banyak mengenai elemen HTML yang statis, statis disini artinya tidak bergerak. Kali ini kita akan mempelajari elemen HTML, bawaan HTML. Yang bergerak, animasi sederhana lah kurang lebih. Yakni menggunakan tag <marquee>

Tag <marquee>, biasa digunakan dalam portal berita untuk headline bergerak di bawah atau diatas dari kanan ke kiri. Contohnya adalah seperti ini :


    <html>
        <head>
            <title>Belajar Marquee Dalam HTML</title>  
        </head>
        <body>
            <marquee>Contoh marquee, untuk scrolling text. Dari kanan kiri.</marquee>
        </body>
    </html> 

See the Pen Contoh Marquee by Ilmuwebsite (@ilmuwebsite) on CodePen.

 

Untuk contoh yang lainnya, Anda bisa memindahkan mouse ke atas Contoh Marquee lalu pilih rerun untuk melihat ulang hasilnya :


    <html>
        <head>
            <title>Belajar Marquee Dalam HTML</title>  
        </head>
        <body>
        	<marquee direction="left" behavior="scroll">Contoh marquee, untuk scrolling text. Dari kanan kiri.</marquee>

            <marquee direction="down" behavior="slide">Contoh marquee, untuk slide text. Dari atas ke bawah.</marquee>
        </body>
    </html> 

See the Pen Contoh Marquee 2 by Ilmuwebsite (@ilmuwebsite) on CodePen.