A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch? Show Button merupakan salah satu elemen dari HTML yang mungkin paling sering Anda jumpai di dalam sebuah website. Biasanya button digunakan untuk melakukan submit form dan lain sebagainya. Namun, ternyata fungsi button bukan hanya itu saja, selain digunakan untuk submit atau reset, button juga bisa digunakan sebagai hyperlink. Bagaimana caranya? Cara Membuat Button Link di HTMLAda beberapa cara untuk membuat button link di HTML. Namun, semua caranya dapat Anda lakukan dengan sangat mudah. Langsung saja, silakan simak penjelasannya di bawah ini. Daftar Isi 1. Membuat Button LinkDalam membuat button link di HTML tentu sangatlah mudah. Anda tidak perlu menambahkan atribut-atribut yang mungkin kurang familiar untuk Anda. Karena untuk membuat button link di HTML Anda hanya membutuhkan tambahan tag saja yaitu tag <a href> sama seperti Anda membuat link ke halaman tertentu. Langsung saja, berikut ini contoh penggunaan script nya.
Pertama, buatlah tag button seperti Anda membuat button biasanya. Lalu, sebelum tag button tambahkan tag < a href> diikuti dengan link website yang ingin Anda tuju saat mengklik button tersebut. Dan tag penutupnya </a> harus berada setelah tag </button> ya. Seperti contoh di atas button akan mengarahkan Anda ke website nesabamedia.com. Tampilan dari script di atas ditunjukkan pada gambar di bawah ini. Selamat mencoba! 2. Membuat Button Link dengan New TabJika Anda ingin membuat button yang mana saat diklik menuju ke link dengan tab baru, maka cara kedua ini jawabannya. Pada cara pertama, saat button diklik link yang dituju akan terbuka tetap pada halaman tersebut atau tidak berpindah ke tab baru sehingga jika ingin kembali ke halaman sebelumnya Anda harus melakukan undo terlebih dahulu. Jika Anda yang tidak mau ribet untuk melakukan undo, Anda bisa membuat link yang dituju terbuka di tab baru sehingga Anda hanya perlu mengklik tab tersebut tanpa harus melakukan undo. Berikut ini contoh penggunaan script nya.
Sebenarnya penulisan script nya sama seperti cara pertama yaitu menggunakan tag <a href>, namun bedanya cara kedua ini ada tambahan atribut yaitu target=β_blankβ. Untuk membuat link nya menjadi tab baru maka Anda harus menambakan atribut tersebut, jika tidak maka link Anda akan tetap berada di halaman tersebut. Berikut ini contoh tampilan dari script di atas. Jika Anda mengklik button tersebut, maka tab baru akan terbuka sesuai dengan link yang tuju. Selamat mencoba! 3. Membuat Button Link dengan JavascriptCara ketiga untuk membuat button link adalah dengan menggunakan kode javascript. Namun, pastikan browser Anda mendukung javascript, jika tidak maka button Anda tidak akan bekerja. Langsung saja berikut ini contoh penggunaan script nya.
Jadi, untuk membuat button link dengan javascript yang harus Anda tambahkan di dalam tag <button> adalah onclick. Value dari atribut onclick adalah kode javascript. Ada dua perbedaan dari penulisan link di atas. Anda dapat menggunakan penulisan link di contoh pertama jika link ang dituju berada pada situs yang sama. Sedangkan contoh kedua jika link yang dituju berbeda situs. Anda bisa gunakan sesuai dengan keinginan dan kebutuhan Anda. Selamat mecoba! 4. Membuat Button Link dengan CSSJika menurut Anda tampilan button link seperti itu-itu saja atau terlihat monoton, Anda bisa menambahkan script CSS untuk mempercantik button link Anda. Berikut ini contoh script CSS yang bisa Anda gunakan.
Script yang paling umum digunakan untuk mempercantik button seperti:
Lalu, berikut ini contoh script button link nya.
Anda tidak perlu menambahkn class pada button, karena Anda hanya memanggil tag button di CSS nya. Berikut ini tampilan dari hasil script di atas. Selamat mencoba! Sekian artikel kali ini yang membahas tentang bagaimana caranya membuat button link di HTML. Ada beberapa cara dan variasi yang bisa Anda gunakan. Silakan Anda gunakan sesuai dengan kebutuhan Anda. Semoga artikel ini dapat membantu dan bermanfaat bagi Anda. Terimakasih π Download berbagai jenis aplikasi terbaru, mulai dari aplikasi windows, android, driver dan sistem operasi secara gratis hanya di Nesabamedia.com: Download Software Windows Download Aplikasi Android Download Driver Printer Download Sistem Operasi Zuhroh Nilakandi Si pecinta hujan dan penikmat kopi yang suka duduk dalam lamunan sambil menghayal mimpi β mimpinya yang akan menjadi kenyataan. Langkah langkah penggunaan HTML?Cara Membuat Halaman Web Sederhana dengan HTML. Buka editor teks. ... . Atur jenis dokumen untuk HTML. ... . Tambahkan tab judul untuk halaman web kamu. ... . Ketik di bawah tag "Head" yang tertutup. ... . Selanjutnya membuat judul halaman. ... . Tambahkan judul tambahan jika kamu mau. ... . Membuat paragraf. ... . Mengubah warna teks.. Kode HTML apa saja?Berikut adalah 9 kode HTML 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). HTML dimulai dengan kode apa?Penjelasan: Kode diatas dimulai dengan tag html, didalamnya terdapat tag body. Di dalam tag body terdapat tag p untuk membuat paragraf. Agar lebih jelas berikut ini contoh penulisan elemen bersarang yang salah.
Belajar HTML pakai aplikasi apa?Kumpulan Aplikasi Android Belajar Coding (Pemrograman Web). SoloLearn. ... . Programming Hub, Learn to code. ... . 3. AWD β PHP/HTML/CSS/JS IDE. ... . 4. Dcoder. ... . Learn Programming.. |