yes
no
10/Promotion/slider
no

Membuat Animasi Teks pada Website dengan HTML

Tidak ada komentar

Pernah melihat teks berjalan pada halaman Web? Ingin tahu bagaimana cara membuatnya? Jika ingin tahu, penulis akan memberi tahu bagaimana cara membuatnya. Namun sebelumnya penulis ingin menjelaskan beberapa hal yang berhubungan dengan bahasa pemrograman web. Website dibangun oleh beberapa bahasa pemrograman diantaranya HTML, CSS, PHP, Javascrit, ASP, VB dan bahasa program lainnya. Bahasa pemrograman tersebut bisa dipelajari di lembaga Kursus Komputer atau lembaga IT Training Center. Computer First juga membuka kursus bahasa pemrograman tersebut. setelah lulus bisa menjadi seorang Web Programmer.

Untuk membuat Animasi Teks pada halaman web dapat buat dengan HTML. Caranya sangat mudah, kita hanya membutuhkan tag html, teks yang akan dianimasi dan tag <marquee></marquee> beserta atribut dan nilainya  yang dibutuhkan untuk menjalankan teks. Adapun skrip htmlnya adalah :
<html>
<head>
       <title>Animasi Teks</title>
</head>
<body>
<h1><marquee behavior="alternate">Computer First</marquee></h1>
</body>
</html>

Keterangan :
  1. Tag <html></html> adalah tag pembuka dan penutup dari dokumen html yang dibuat
  2. Tag <head></head> adalah elemen tag html yang merupakan bagian kepala dari dokumen html
  3. Tag <title></title> adalah elemen dari tag <head> yang berfungsi untuk memberi informasi judul dokumen yang dibuat
  4. Teks "Animasi Teks" pada tag <title></title> adalah judul dokumen html nya
  5. Tag <h1></h1> menyatakan jenis teks yang digunakan yaitu heading1
  6. Tag <marquee></marquee> adalah tag untuk menganimasi teks

Atribut behavior adalah atribut untuk menentukan arah teks berjalan. Alternate adalah nilai dari atribut behavior, dimana dengan nilai alternate, maka teks akan bergerak bolak-balik dari kiri ke  kanan dan juga sebaliknya. Warna teks yang dihasilkan adalah hitam sebagai warna defaultnya.

Jika kita ingin memberi warna lain selain warna hitam, kita bisa menambahkan tag <span></span> diantara teks yang akan kita animasi. Kemudian kita memberi atribut color pada tag <span>, dan memberi nilai red sebagai warna yang kita berikan.

Setelah selesai dibuat simpan di localhost komputer, kemudian jalankan pada web browser (internet explore, firefox, google chrome dll). Demikianlah artikel ini  penulis buat, semoga bermanfaat bagi para pengunjung blog Computer First.  Jangan lupa beri komentarnya ya…… 
author profile image
Abdelghafour

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Tidak ada komentar

Posting Komentar

no
Computer First - First Choice in IT Training Center - menyediakan jasa pelatihan Kursus Komputer di Jakarta sejak dari usia dini yaitu sejak anak-anak sampai dengan dewasa. Computer First berdiri pada tahun 2001, Visi Computer First ingin menjadi First Choice in IT Training Center melalui pendidikan dan pelatihan komputer yang berkualitas terbaik [Computer First Indonesia] (http://computerfirst.co.id/images/logo/logo1.png)