HTML merupakan bahasa pemrograman paling basic yang pasti tidak asing lagi bagi kalian. Bahasa ini adalah penyusun dari sebuah website atau blogger yang kamu akses setiap hari untuk mendapatkan informasi. Selain mudah dipahami, html juga bisa membuat sebuah perintah sederhana. Lalu, apa program sederhana dari HTML tersebut?
Bagaimana membuat perintah sederhana dari HTML?
Pastikan kamu mempunyai alat tempur, seperti;
- Internet
- Teks editor (Notepad (pasti semua ada), Notepad++, Visual Studio, Sublime Text dll)
Lalu, bagaimana lagkah langkah membuatnya?
1. Buka aplikasi teks editor yang kamu milikki.
Disini saya menggunakan Notepad++ yang bisa kamu download secara gratis di website Notepad++ itu sendiri.
2. Setelah selesai membuat tag body dilanjutkan mengisi tag tersebut dengan detail rinci tag tulisan dan foto
*note : Perhatikan tanda baca sebaik mungkin agar tidak terjadi kesalahan.
Pada tag <img src= kamu bisa mencari berbagai macam foto di google untuk contoh, disini saya mengambil gif.
Bagaimana cara mencopy link nya?
Saya menggunakan metode inspect element kamu juga bisa melakukan klik kanan lalu salin link. Ya, itu sesuai selera masing-masing pengguna.
3. Menutup tag </body> dilanjutkan dengan tag <script>
*note : Buka tutup tag ini sangat berpengaruh, jadi jangan lupa ya.
Saya males ngikut tutorial dari foto, bolehkah langsung script saja?
Boleh.
<html><body><h1>Hai, kamu yang mengunjungi link ini</h1><img src="https://media1.tenor.com/images/86a3809e3dfa0e0b17ecba1d776f3f21/tenor.gif?itemid=12498334"><h1>Kamu sudah melakukan yang terbaik buat hari ini</h1><button id='btn_iya' onclick='alert("nah gitu dong, semangat!")'>iya</button><button id='btn_engga' onclick='engga(this)' style='position:absolute'>engga</button></body><script>function engga(id){var mau = document.getElementById('btn_iya');var i = Math.floor(Math.random()*300)+1;var j = Math.floor(Math.random()*100)+mau.offsetTop;id.style.left = i+'px';id.style.top = j+'px';}</script></html>
Bagaimana cara membuka atau mencoba perintah ini?
Gampang, kamu hanya perlu menyimpan file html ini. Lalu bukalah folder tempat kamu menyimpan file html tadi.
Bagaimana, mudah bukan? Apa kamu tertarik untuk mempelajari bahasa HTML lebih dalam? Jika iya, kamu bisa trial and error di blogger atau di teks editor yang kamu punya.
Sama seperti bahasa lain, kamu jangan sampai keliru dalam menulis bahasa ini ya. Meskipun sederhana dan mudah jangan mudah tertipu ya. Salah satu maka kode tidak akan berjalan. Dan juga, jangan malas untuk mencoba!
Penutup
Terimakasih bagi yang sudah membaa artikel Dipronetz kali ini, mohon maaf jika ada kesalahan kata. Sekian dan terimakasih sampai jumpa di artikel berikutnya!
Terimakasih bagi yang sudah membaa artikel Dipronetz kali ini, mohon maaf jika ada kesalahan kata. Sekian dan terimakasih sampai jumpa di artikel berikutnya!
Post a Comment
Post a Comment