Minggu, 18 November 2012

Cara Membuat Text Berjalan pada Dokumen HTML

Cara Membuat Text Berjalan pada Dokumen HTML

Pada posting sebelumnya saya share 'Cara Membuat Text Area Pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Cara Membuat Text Berjalan pada Dokumen HTML'.

Text Berjalan adalah sebuah text yang bergerak dengan arah gerakan sesuai dengan yang telah di tentukan pada property 'direction' dan memiliki sifat gerakan sesuai dengan yang di tentukan pada property 'behavior'. Pada HTML text berjalan di kenal dengan sebutan 'marquee' (sesuai dengan nama attributes dalam tag HTML) dengan default property direction 'left' dan behavior 'scroll'. Ada 4 'value' property direction yang di miliki oleh text berjalan (marquee) yaitu 'left, right, up, down', kemudian untuk property behavior yaitu 'scroll , alternate, slide'.

Baiklah berikut ini contoh penulisan sebuah text berjalan (marquee) pada dokumen HTML.


Contoh Text Berjalan:

Cara Membuat Text Berjalan Pada Dokumen HTML:

  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai membuat sebuah text berjalan pada dokumen HTML seperti pada kotak di bawah ini.

  4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Contoh Text Berjalan Pada Dokumen HTML </title>
    </head>

    <body>

    <p>
    <marquee>Ini adalah text berjalan!</marquee>
    </p>

    <p>
    <marquee direction="right" behavior="scroll" scrollamount="7" onmouseover="this.stop()" onmouseout="this.start()">Ini adalah text berjalan dengan direction right!</marquee>
    </p>

    <p>
    <marquee direction="left" behavior="alternate" scrollamount="2">Ini adalah text berjalan dengan behavior alternate!</marquee>
    </p>


    </body>
    </html>

    Anda dapat merubah value yang di blok kuning dengan value yang Anda inginkan!


    Ini adalah text berjalan!


    Ini adalah text berjalan dengan direction right!


    Ini adalah text berjalan dengan behavior alternate!


Nb. Silahkan beri feed back pada kotak komentar di bawah!


Bagikan posting ini di:
Comments
0 Comments

0 komentar:

Poskan Komentar

 
Related Posts Amirabella-Zone