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
Tidak ada komentar:
Posting Komentar