Senin, Desember 17, 2018

Belajar HTML (18): Membuat Teks Berjalan Menggunakan Marquee

HTML Tutorial Web

Latihan ini langsung menggabungkan beberapa penjelasan di atas.

Buat file baru dengan nama 43-html-marquee.html, simpan di folder kerja. Masih ingat? Kalau lupa silakan kenalan lagi dengan HTML 😉 . Selanjutnya ketik kode berikut.

<!DOCTYPE html>
<html>
<head>
   <title>Menggunakan Marquee</title>
</head>
<body>
   <p>Berikut adalah beberapa contoh penggunaan tag <b>marquee</b>:</p>
   <h2>Marquee Standar</h2>
   <marquee>Ini contoh marquee standar tanpa atribut...</marquee>
   <hr>
   <h2>Marquee Witdh</h2>
   <marquee width="50%">Marquee diatur dengan atribut width="50%"...</marquee>
   <hr>
   <h2>Marquee Direction dan Height</h2>
   <marquee direction="up" scrolldelay="40" scrollamount="1" height="40px">
      Marquee ini diset dengan direction <b>up</b><br>
      Scrolldelay dibuat <b>40</b><br>
      Scrollamount diatur <b>1</b><br>
    Height diset <b>40px</b>
   </marquee>
   <hr>
   <h2>Marquee Behavior dan Loop</h2>
   <marquee behavior="alternate" loop="3">Marquee ini diset dengan behavior <b>alternate</b></marquee>
   <hr>
</body>
</html>

Selanjutnya silakan dijalankan, hasilnya bisa dilihat sendiri. Gambaran hasil yang bisa saya tampilkan adalah seperti gambar ini.

Latihan HTML Marquee

Demikian cara membuat teks berjalan menggunakan marquee. Coba lagi untuk menerapkan beberapa atribut lainnya, atau digabung dengan materi lain seperti gambar dan lain-lain. Baca tutorial HTML lainnya di Seri Belajar HTML.

Sampai jumpa…

← Sebelumnya

Halaman : 1 2 3

Mari sebarkan manfaat kepada orang lain...

1 thought on “Belajar HTML (18): Membuat Teks Berjalan Menggunakan Marquee

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *