Perhatikan marquee(text, icon, video berjalan) diatas, yang berisi button(tombol-tombol) yang juga
sekali-gus berfungsi sebagai link(mengaitkan
dokum satu dengan yang lainnya).
Marquee, button, dan link adalah
tiga dari sekian banyak kemampuan yang dimiliki oleh layanan World Wide Web(WWW)
yang mungkin sudah sangat familiar bagi para pengguna internet. Namun, tidak
ada salahnya jika saya ingin berbagi informasi atau setidaknya mengingatkan
kembali memori-memori yang sempat terlupakan. Hehehe…
Berikut tag-tag untuk membuat marquee yang berisi button yang berfungsi sebagai link seperti diatas, namun agar mudah dalam mengoreksinya, saya akan memperlihatkan satu per satu sebelum membuat tag lengkapnya.
a. Button
Berikut tag html untuk membuat sebuah button: <button><button>
Contoh: <button> Klink di sini </button>
ganti tulisan berwarna meran dengan tulisan yang ingin Anda tampilkan.
Dari tag diatas, maka akan ditampilkan di browser seperti dibawah ini:
b. Marquee.
Berikut tag-tag untuk membuat marquee yang berisi button yang berfungsi sebagai link seperti diatas, namun agar mudah dalam mengoreksinya, saya akan memperlihatkan satu per satu sebelum membuat tag lengkapnya.
a. Button
Berikut tag html untuk membuat sebuah button: <button><button>
Contoh: <button> Klink di sini </button>
ganti tulisan berwarna meran dengan tulisan yang ingin Anda tampilkan.
Dari tag diatas, maka akan ditampilkan di browser seperti dibawah ini:
b. Marquee.
Marquee, adalah text, icon, ataupun video berjalan. Adapun tag untuk membuat sebuah marquee adalah <marquee> </marque>
Contoh: <marquee> Contoh marquee sederhana</marquee>
ganti tulisan berwarna merah dengan tulisan yang ingin Anda tampilkan.
Contoh: <marquee> Contoh marquee sederhana</marquee>
ganti tulisan berwarna merah dengan tulisan yang ingin Anda tampilkan.
Dari tag diatas, ditampilkan di browser seperti dibawah ini:
Dan, bagaimana pula jika marquee yang ditampilkan berupa image atau lainnya? Ya, kita tinggal menambahkan alamat image atau media lainnya yang ingin ditampilkan sebagai marquee. Tag-nya: <marquee><img scr="#"/></marquee>
Contoh: Saya hendak membuat marquee dengan tampilannya sebuah image dengan format gif, berikut tag HTML-nya:
<marquee><img src="http://gickr.com/results3/anim_e1d7c300-2a32-8094-f5e7-892cad7ada19.gif" /></marquee>
ganti tulisan berwarna merah dengan alamat penyimpanan image ataupun media lainnya yang ingin Anda tampilkan.
Dari tag diatas, akan ditampilkan oleh browser seperti dibawah ini:
Contoh: Saya hendak membuat marquee dengan tampilannya sebuah image dengan format gif, berikut tag HTML-nya:
<marquee><img src="http://gickr.com/results3/anim_e1d7c300-2a32-8094-f5e7-892cad7ada19.gif" /></marquee>
ganti tulisan berwarna merah dengan alamat penyimpanan image ataupun media lainnya yang ingin Anda tampilkan.
Dari tag diatas, akan ditampilkan oleh browser seperti dibawah ini:
C. Link
Link adalah salah satu kemampuan yang dimiliki
layanan World Wide Web(WWW) dalam mengaitkan satu dokumen dengan dokumen
lainnya, yang secara fisik terpisah, baik dalam satu komputer ataupu, di
komputer yang lainnya.
Dengan meng-klik link, baik itu
yang ditampilkan dalam bentuk text, icon, ataupun video, maka pengguna layanan
WWW ini akan dibawa(diantar) ke dokumen yang dikaitkan oleh link tersebut, metode
pengkaitan dokumen dalam jaringan layanan WWW ini sering disebut dengan
hiperlink(hypertext link ataupun hypermedia link) dengan tag HTML-nya: <a
href= “”></a>
Contoh:
<a href= "
http://arikokena.blogspot.com/2013/01/kode-warna-html.html">Kode warna HTML</a>
ganti warna merah dengan alamat dokumen yang akan dituju, dan text warna biru dengan text yang akan ditampilkan.
Dari tag diatas, maka browser akan menamplkan seperti beritut: Kode warna HTML
Jadi, diatas telah ditunjukkan bagaimana cara dan tag dalam membuat marquee, button, dan link. Maka, sekarang mari kita coba membuat marquee, button, dan link itu menyatu. Berikut tag-tag html- nya:
button : <button> </button>
link : < a href=" #"> </a>
Jadi, kalau disatukan:
<marquee> <a href="#"><button></button></a>
Contoh:
Silahkan Anda modifikasi tag-tag sesuai dengan kreasi dan selera Anda. Selamat mencoba.
Jadi, diatas telah ditunjukkan bagaimana cara dan tag dalam membuat marquee, button, dan link. Maka, sekarang mari kita coba membuat marquee, button, dan link itu menyatu. Berikut tag-tag html- nya:
marquee: <marquee> </marquee>
button : <button> </button>
link : < a href=" #"> </a>
Jadi, kalau disatukan:
<marquee> <a href="#"><button></button></a>
Contoh:
<marquee>
<a href="
<button>Peluang usaha</button> </a>
<a href="
http://bastanta-punya.blogspot.com/2012/11/ayo-pasang-iklan.html">
<button>Pasang iklan</button></a>
<button>Pasang iklan</button></a>
<a href="
<button> Akun FB saya </button></a>
</marquee>
Ganti text berwarna merah dengan alamat tujuan link dan text berwarna biru dengan text yang akan ditampilkan dalam button.
Dan dari tag diatas, browser akan menampilkan seperti di bawah ini:
Silahkan Anda modifikasi tag-tag sesuai dengan kreasi dan selera Anda. Selamat mencoba.

This comment has been removed by the author.
ReplyDelete