MARQUEE, LINK, MENAMBAHKAN OBJEK

MARQUEE

Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang “dinamis” serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Untuk penerapannya dalam HTML diawali dengan tag pembuka <marquee>....dan diakhiri dengan </marquee>.

Didalam marquee terdapat beberapa attribut di dalamnya,antara lain :

ATTRIBUTE	KETERANGAN
BGCOLOR	Untuk mengatur warna belakang / background warna pada teks berjalan
Contoh à	<marquee bgcolor=yellow>tulisan dengan layar belakang kuning</marquee>
DIRECTION	Mengatur arah gerakan teks, yaitu : left, right, up ,down
Contoh à	<marquee direction=right> Bergerak ke kanan </marquee> <marquee direction=up> Bergerak ke atas </marquee> <marquee direction=down> Bergerak ke turun</marquee>
BEHAVIOR	Cara atau teknik dari marquee untuk mengatur perilaku gerakannya atau menjalankan teks, Nilainya antara lain: scroll, slide, alternate ·         Scroll = mengulang searah teks ·         Slide  = menggulung searah teks ·         Alternate = bergerak / berjalan bolak – balik
Contoh à	<marquee behavior=scroll> mengulang searah teks atau default marquee</marquee> <marquee behavior=slide> menggulung searah teks, lalu berhenti</marquee> <marquee behavior=alternate> teks bergerak bolak - balik</marquee>
WIDTH	Mengatur lebar blok teks dalam pixel dan persen
HEIGHT	Mengatur tinggi blok teks dalam pixel atau persen
Contoh à	<marquee width=200 height=200> ini teksnya dengan lebar 200 tinggi 200 pixel</marquee>
TITLE	Pesan akan muncul pada saat mouse berada diatas teks
Contoh à	<marquee title=judul>tulisan title judul pada saat mouse di teks berjalan</marquee>
SCROLLAMOUNT	Mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
Contoh à	<marquee scrollamount=1>tulisan dengan scrollamount 1</marquee>
SCROLLDELAY	Mengatur waktu tunda gerakan dalam milidetik, semakin besar angka semakin lambat dan patah-patah gerakannya.
Contoh à	<marquee scrolldelay=1000>marquee scrolldelay=1000</marquee>
LOOP	Membatasi jumlah perulangan
Contoh à	<marquee loop=5>Maka akan diulang sebanyak 5 kali</marquee>
STYLE	Kemampuan tambahan untuk memformat font, color , dan posisi.
Contoh à	<marquee style=”font-family:arial;font-size=36;color:red;text-align:left”>Maka akan diulang sebanyak 5 kali</marquee>

Latihan :

1.      Tuliskan skrip berikut dalam notepad dan tampilkan !

2.      Buatlah skrip perpaduan antara attribute SCROLLMOUNT dan SCROLLDELAY pada tag <marquee></marquee> !

LINK

Dokumen HTML dilengkapi dengan kemampuan untuk berpindah – pindah dari halaman yang satu ke halaman yang lain (link). Link dalam sebuah dokumen HTML ditandai dengan menggarisbawahi teks yang akan di link atau pointer pada mouse akan berubah menjadi bentuk jari pada saat menunjuk objek yang dijadikan sebuah link.

Hyperlink dalam sebuah dokumen HTML menggunakan tag anchor <a>. Untuk penerapannya sebagai berikut :

<a href=”nama dokumen yang dilink” [attribute]> ...teks / gambar </a>

Dalam dokumen HTML, secara garis besar LINK dibagi menjadi 3, yaitu :

1. Link absolut
2. Link relatif
3. Link Self

1.       Link Absolut

Adalah link yang digunakan untuk mengaitkan halaman web yang satu dengan yang lainnya di dalam situs internet. Contohnya sebagai berikut :

<a href=http://www.stmikdubaska.blogspot.com>Gerbang Informasi  Perkuliahan Kita</a>

<a href=http://www.facebook.com>Cari temanmu di Facebook</a>

2.       Link Relatif

Link yang digunakan untuk mengaitkan halaman web yang satu dengan halaman web lainnya di dalam satu komputer tanpa harus menuliskannya secara lengkap alamat situs internetnya. Contohnya :

<a href=halaman2.htm>Biografi</a>

<a href=kontak.htm>Kontak Kami</a>

Kemudian setelah anda membuat Link diatas, buatlah notepad untuk isi dari halaman tersebut, seperti ini :

Biografi yang disimpan dengan nama halaman2.htm

Membuat halaman kontak kami :

3.       Link Self

Link yang digunakan untuk mengaitkan bagian yang satu dengan bagian yang lainnya didalam satu halaman web. Contohnya :

 <a href=#bab1>Lihat Bab1</a>

Misalkan anda membuat sebuah paragraf yang terdiri dari 5 – 10 paragrap yang berisikan Bab – Bab, kemudian dibagian paling bawah anda berikan link untuk menuju ke Pengenalan HTML, seperti ini :

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.