Rabu, 09 Mei 2018

Membuat teks/gambar bergerak menggunakan Tag HTML Marquee Behavior

hallo guys
new update nih..

Pada artikel ini neng akan memperkenalkan cara membuat teks/gambar bergerak menggunakan HTML & CSS..

wohhh !!! 
Bagaimana yaa caranya dan seperti apa Hasil nya .. ?
Bagi yang belum pernah mencoba / mengenanya ayo kita belajar bareng 
berikut adalah kode HTML dengan menggunakan Tag Marquee : 


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>membuat gambar bergerak</title>
    <link rel="stylesheet" href="setting.css"type="text/css">
</head>
<body bgcolor="pink">
<center><h2><b>PICTURE</b></h2></center>
<marquee behavior="slide" bgcolor="pink">
    <p style="color:#ffffff"> <img src="IMG-20160710-WA018.jpg"width="110"height="115"px></p>
</marquee>

<marquee behavior="slide" bgcolor="pink">
    <img src="14695457_1815409345360987_725946860065522994_n.jpg"height="180px" width="185px">
</marquee>

<marquee behavior="alternatif" bgcolor="pink"><p style="color:#ffffff">
    <img src="15170950_1833355846899670_3076668520193491156_n.jpg"width="190"height="145">  LOMBA PANEMBRAMA </p></marquee>
<marquee behavior="alternate" bgcolor="pink"><p style="color:#ffffff">

    <img src="IMG_20170510_012621_616.jpg"width="110"height="115"></p></marquee>
<marquee behavior="alternate" bgcolor="pink">
    <img src="PhotoGrid_1499256284603.jpg"height="180px" width="185px">
</marquee>
<marquee behavior="scroll" bgcolor="pink" direction="left"><p style="color: #ffffff">
    <img src="IMG-20180415-WA0019.jpg"width="190"height="145"> PELANTIKAN PPTS </p></marquee>
</body>
</html>

Setelah Anda menjalankannya di browser, maka akan tampil seperti berikut :

file:///C:/Tugas%20cindy/macro/coba%20gambar%20jalan.html

itulah artikel / materi cara membuat tulisan atau gambar berjalan di HTML menggunakan tag marquee. 
Semoga bisa bermanfaat untuk sesama. Apabila ada pertanyaan seputar tag marquee atau memberi saran tentang yang lain, monggo bisa Anda tanyakan pada kolom komentar yang telah disediakan. 
Terimakasih