Side Note

Mari membaca artikel, membaca adalah bagian dari ilmu.

Label

acara Tv (2) Aplikasi (12) Design (6) Game (7) Ilmu (37) Kesehatan (4) Komputer (27) mistis (1) Review (5) Serba Serbi (25) Test (5) Tips (17) Trik (13) tutorial (9)

Advertisement

 

FOLLOW US @ INSTAGRAM

Join Sahabat Blogger Group on telegram 

About Me

Membuat Perintah HTML Sederhana

Post a Comment

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?

Selain mudah dibaca dan dipahami, bahasa ini juga mudah dipelajari karena syntax nya yang easy to use dan tidak seribet syntax bahasa lain. Maka dari itu, kamu bisa mempelajari bahasa ini untuk pemula atau bisa langsung loncat ke C++ untuk merasakan level kesulitan yang cukup menantang.
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.
Pertama buat lah tag HTML terlebih dahulu, dilanjutkan dengan enter lalu ketik lagi tag <body>
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.
cukup klik, maka kamu akan dialihkan ke sebuah halaman baru dan itulah perintah html yang kamu buat tadi!
Sudah siap, dan silahkan tekan dua tombol yang tersedia disana!.

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!
Taradipa
Pelajar yang hobinya dengerin lagu slow rock yang ditambahkan dengan sedikit bumbu ballad, juga nge-stan dengan IZ*ONE, dan yang terakhir suka kopi dan kamu.

Related Posts

Post a Comment