Komputer Aplikasi IT – 1
P r e f o r m a t e d T e x t Perintah Preformated text akan menampilkan teks seperti apa yang kita ketikkan dalam dokumen HTML, termasuk penekanan tombol enter dan spasi.
C o n t o h p r o g r a m P r e f o r m a t e d.html <HTML> <HEAD> <TITLE>PRE</TITLE> </HEAD> <BODY> <PRE> Teks ini menggunakan s p a s i dan juga enter untuk berpindah baris tabel dibawah akan ditampilkan sesuai dengan penulisan pada sintak html Daftar Program Studi di Unikom <B> ========================================== No. Nama Jurusan Jenjang pendidikan 1 Sistem Informasi S1 / D3 2 Teknik Informatika S1 / D3 3 Manajemen S1 4 Akuntansi S1 / D3 5 Manajemen Pemasaran D3 </PRE> </B> </BODY> </HTML> P r e f o r m a t e d.html C o n t o h p r o g r a m
M A R Q U E E Perintah Marquee digunakan untuk membuat teks dapat bergerak (berjalan), perintah marquee memiliki atribut-atribut untuk menentukan arah pergerakan dan juga kecepatan pergerakan :
<marquee direction=”right”>……..</marquee> A T R I B U T 2 M A R Q U E E Direction Digunakan untuk mengatur arah pergerakan. Atribut ini memiliki 4 nilai yaitu : Left, Right, Up, Down Contoh : <marquee direction=”right”>……..</marquee>
C o n t o h P r o g r a m marquee.html <HEAD> <TITLE>Marquee</TITLE> </HEAD> <BODY> <h1 align=“center”><b>LATIHAN MARQUEE</b></h1><HR> <Marquee direction="left"> <h1>Kiri </h1> </marquee> <Marquee direction="right"> <h2>Kanan </h2> </marquee> <Marquee direction="up"> <h3>Atas </h3> </marquee> <Marquee direction="down"> <h4>Bawah</h4> </marquee> </BODY> </HTML>
<marquee behavior=”alternate”>……..</marquee> A T R I B U T 2 M A R Q U E E Behavior Untuk mengatur perilaku gerakan. Atribut ini memiliki 3 nilai, yaitu : Scroll : teks bergerak berputar Slide : teks bergerak sekali lalu berhenti Alternate : teks bergerak dari kiri kekanan lalu balik lagi contoh : <marquee behavior=”alternate”>……..</marquee>
C o n t o h P r o g r a m marquee.html <HEAD> <TITLE>Marquee</TITLE> </HEAD> <BODY> <h1 align=“center”><b>LATIHAN MARQUEE</b></h1><HR> <Marquee direction="left“ behavior="alternate" > <h1>Kiri </h1> </marquee> <Marquee direction="right“ behavior="slide" > <h2>Kanan</h2> </marquee> <Marquee direction="up“ behavior="scroll" > <h3>Atas</h3> </marquee> <Marquee direction="down"> <h3>Bawah </h4> </marquee> </BODY> </HTML>
Untuk mengatur waktu tunda gerakan dalam mili detik A T R I B U T 2 M A R Q U E E Scrolldelay Untuk mengatur waktu tunda gerakan dalam mili detik Scrollamount Mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya. Loop Mengatur pengulangan dalam mengulangi berjalannya teks atau konten. tag ini menggunakan value angka atau "infinite" yang artinya tak terbatas pengulangannya.
C o n t o h P r o g r a m marquee.html <HEAD> <TITLE>Marquee</TITLE> </HEAD> <BODY> <h1 align=“center”><b>LATIHAN MARQUEE</b></h1><HR> <Marquee direction="left" behavior="alternate" Scrollamount="20“> <h1>Kiri </h1> </marquee> <Marquee direction="right" behavior="slide" loop=“2” scrollamount="10“><h2>Kanan</h2></marquee> <Marquee direction="up" behavior="scroll"> <h3>Atas</h3> </marquee> <Marquee direction="down" scrolldelay=”250”> <h3>Bawah</h4> </marquee> </BODY> </HTML>
Contoh marquee dengan variasi hurup dan warna latar belakang <HTML> <HEAD> <TITLE>Marquee</TITLE> </HEAD> <BODY> <h1 align="center"><b>LATIHAN MARQUEE</b></h1><HR> <font face="arial" color="purple" size="4"><Marquee direction="left" bgcolor="yellow" height="70px" width="1000px" behavior="alternate" Scrollamount="20" ><h1>Kiri </h1> </marquee></font> <hr> <font face="aharoni" color="blue" size="4"><Marquee direction="right" bgcolor="red" height="70px" width="1000px" behavior="slide" scrollamount="10"> <h2>Kanan </h2> </marquee></font> <font face="algerian" color="red" size="4"><Marquee direction="up" bgcolor="blue" height="70px" width="1000px" behavior="scroll"> <h3>Atas</h3> </marquee></font> <font face="broadway" color="yellow" size="4"><Marquee direction="down" bgcolor="purple" height="70px" width="1000px" scrolldelay="250"> <h4> Bawah </h4> </marquee></font> </BODY> </HTML>
Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee. Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini : <html> <head><title>Mouse</title> </head> <body> <marquee onmouseover="this.stop()” onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> silahkan tunjuk ke sini </marquee> </body></html>
Efek Bounce <html> <head><title>MARQUEE</title> </head> <body><H1 align="center"><B>EFEK BOUNCE<HR></h1></b> <font face="comic sans ms" color="orange" size="4"> <marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"> <marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">BOUNCE</marquee></marquee></font> </body> </html>
S E L E S A I