Cara Membuat Tulisan Berjalan Dengan HTML – Tulisan yang berjalan akan menarik perhatian para pembaca karena biasanya berisi informasi-informasi. Seperti halnya pada Televisi, pasti Anda sudah pernah melihat tulisan berjalan di bagian bawah. Dan teks yang berjalan di televisi itu berisi informasi yang sedang naik daun dan banyak yang mencarinya. Jadi, tulisan berjalan ini bisa dijadikan sebagai salah satu aksesoris iklan agar banyak yang minat. Show Gambar di bawah adalah sebagai contoh dari tulisan yang berjalan. Teks yang berjalan memang bisa lebih berpeluang menarik perhatian di bandingkan dengan teks yang diam. Teks yang berjalan memiliki kesan lebih hidup dan enak dipandang. Dalam HTML, kode yang digunakan untuk membuat teks berjalan adalah Marquee. Jadi, kita cukup menggunakan tag marquee saja untuk membuat teks/tulisan yang berjalan. Tulisan berjalan ini bisa diterapkan pada website atau blog, dengan syarat mendukung html. Namun saya yakin, semua penyedia layanan blog sudah menyisipkan html dalam platform tersebut. Jadi pasti sudah support html semua. Teks yang berjalan sendiri banyak ragamnya. Untuk cara membuatnya bisa simak cara berikut. Marquee (Dasar) Kodenya ini:
Maka akan jadi seperti ini:
Tulisan berjalan diatas adalah yang paling dasar dan mudah. Saya yakin semua bisa mempraktekkannya. Scrolldelay (Mengatur delay tulisan) Kodenya ini:
Maka akan jadi seperti ini
Terlihat bedanya kan dengan yang diatas. Scrollamount (Mengatur kecepatan tulisan) Kodenya ini:
Maka akan jadi seperti ini:
BGColor (Memberi warna background) Kodenya ini:
Maka akan jadi seperti ini:
Behavior (Membuat tulisan memantul ke kanan lalu ke kiri) Kodenya ini:
Maka akan jadi seperti ini:
Nah, itulah beberapa model dari tulisan yang berjalan. Sebenarnya masih banyak model-model yang lainnya. Namun, dengan model tersebut Anda bisa mengkombinasikannya. Misal, model yang memantul dengan yang berlatar belakang. Semoga artikel tutorial membuat tulisan berjalan dengan html ini bermanfaat. Terima kasih. Pada postingan kali ini saya akan berbagi tips bagaimana cara membuat gambar berjalan dengan menggunakan kode HTML. Pada prinsipnya kode HTML untuk membuat gambar berjalan di blog sama dengan membuat text berjalan seperti sudah dijelaskan pada postingan sebelumnya yaitu dengan menggunakan tag pembuka <marquee> dan diakhiri dengan </marquee>. Adapun untuk mempercantik tampilan gambar berjalan dalam blog kita bisa menggunakan atribut yang dapat digunakan untuk tag <marquee> antara lain atribut: width, height, color, direction, bgcolor, font face, scrolldelay, scrollamount, loop dan sebagianya. pada postingan kali ini saya berikan contoh penggunaan kode HTML untuk membuat gambar berjalan segagai berikut: <marquee align="left" bgcolor="cfd9ef" direction="left" height="160" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="100%"> dan hasilnya akan tampak seperti gambar berikut:
Demikian postingan kali ini saya tentang cara membuat gambar berjalan dengan menggunakan kode HTML., semoga bermanfaat. Apa kode HTML yang benar untuk memasukkan gambar?Untuk menyematkan gambar pada website, Anda perlu menggunakan tag <img> pada dokumen HTML.
Bagaimana cara menampilkan gambar di HTML?Dalam HTML, tag yang berfungsi untuk menampilkan gambar adalah tag <img>, singkatan dari image. Tag <img> merupakan jenis tag yang berdiri sendiri atau dalam konteks elemen, merupakan elemen tanpa tag penutup (empty element). Tag <img> memiliki atribut khusus yaitu src singkatan dari source yang berarti sumber.
Apa saja kode HTML?Berikut adalah 9 kode HTML dasar untuk blog dan arti coding tersebut:. Title Tag. Tag HTML yang pertama yaitu title tag. ... . Meta Description. Berikutnya, ada meta description. ... . 3. Heading Tag. ... . 4. Anchor Text dan Link. ... . Nofollow. ... . 6. Image Alt Text. ... . 7. Tag Kanonikal. ... . 9. Tag Huruf Tebal (Bold). Tag HTML dimulai dengan kode apa?Pengertian Tag
Tag adalah sebauh penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung siku ( <...> ), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut. Contoh: <p> , <a> , <body> , <head> , dan sebagainya. Tag selalu ditulis berpasangan.
|