Tutorial Coding - Halo teman gamekupedia sekalian, kembali lagi dengan admin dala postingan kali ini yang membahas wacana tutorial menciptakan web sederhana memakai compiler Notepad++. Sebelumnya bagi teman yang belum mempunyai Notepad++ silahkan mendownload dahulu melalui website resminya notepad-plus-plus.org atau bisa klik disini.
Untuk versi dari Notepad++ nya sendiri itu bebas atau terserah kepada teman gamekupedia ingin memakai versi yang mana saja. Setelah selesai proses download dan installasi mari kita lanjutkan kedalam proses mengcoding. Langkah-langkahnya yaitu sebagai berikut:
1. Jalankan Notepad++ yang telah teman install tadi, kemudian tekan File - New
2. Setelah selesai teman pilih File - Save as
3. Sobat pilih Save as type: Hyper Text Markup Language file dan tuliskan nama dari file tersebut
4. Setelah selesai teman isikan code html dibawah ini dalam file yang teman buat tadi
5. Setelah selesai mengisikan code html diatas, teman buka daerah penyimpanan file tadi dan jalankan file html tersebut memakai search engine miliki sobat. Dan akibatnya akan ibarat gambar dibawah ini.
6. Selanjutnya teman buat lagi file gres dengan nama halo.html dan isikan code html dibawah ini pada file halo.html yang teman buat tadi
Sebenarnya sama saja dengan file index.html tadi, hanya saja admin mengganti bab <a href="index.html"> menjadi <a href="halo.html">
7. Dan bila benar maka akibatnya akan ibarat pada gambar dibawah ini.
Atau teman sanggup mendownload filenya disini
Oke selesai sudah tutorial mengcoding website kali ini, eits tapi sebelum itu admin akan menjelaskan pertahap nih wacana proses mengcoding kita kali ini. Nah pertama-tama admin akan menjelaskan wacana konsep pada html nih sobat. Sebelum teman ingin menciptakan suatu website melalui compiler apa saja. Pastikan bab penting ini dituliskan dahulu, apasih bab penting tersebut? Ini beliau bab tersebut:
- <html> - Merupakan inisialisasi dari file bahwa berbentuk file HTML
- <head> - Merupakan bab kepala dari website
- <title> - Merupakan bab penamaan atau penjudulan dari website yang ingin kita buat, lokasinya berada sehabis code <html> dan pribadi ditutup sehabis menuliskan judul website
- <body> - Merupakan daerah menuliskan isi dari website
Jangan lupa untuk menutup setiap bab penting tersebut, misalnya <html> ditutup dengan </html>. Dan pada code diatas ada namanya bgcolor, apasih itu? itu yaitu abreviasi dari background color sobat, dipakai untuk tunjangan warna background, admin meletakkan fungsi bgcolor didalm tag <body> yang bertujuan untuk memperlihatkan warna pada latar website kita nih sobat. Apasih <p> ? Merupakan inisialisasi dari paragraf, jadi setiap teman menciptakan suatu kalimat berbentuk paragraf, sanggup teman gunakan tag dari <p> dan titutup sehabis final dari paragraf, otomatis sehabis ditutup maka goresan pena teks selanjutnya akan berpindah baris nih sobat, tapi teman juga sanggup memakai tag <br> untuk berpindah baris kok.
Selanjutnya apasih <img src> ? Nah tag tersebut merupakan fungsi untuk menampilkan gambar menurut folder alamat dan nama beserta format dari gambar yang akan ditampilkan yah. misalnya <img src="img/1.jpg"> "img" merupakan folder daerah penyimpanan gambar, dan pastikan lokasi folder gambar berada disatu daerah dengan file index.html teman ya!
Dan terakhir apasih <input type="Submit" value="Tekan Saya"> ? Nah tag ini merupakan fungsi untuk menampilkan suatu button yang bertipe melempar atau memparsing data pada file index.html. Sebenarnya teman cukup menciptakan tag <button> untuk menciptakan suatu button, tapi disini admin tidak menggunakannya alasannya yaitu pada postingan selanjutnya kita masih akan memakai code HTML pada postingan kali ini.
Mungkin cukup sekian dahulu postingan dari admin kali ini wacana berguru menciptakan website sederhana. Semoga sanggup bermanfaat dan mempunyai kegunaan bagi teman sekalian ya dalam berguru menciptakan website sendiri hehe. Dan InsyaAllah pada postingan selanjutnya kita akan berguru menciptakan website yang sedikit lebih sulit lagi yah!