Belajar Menciptakan Website Sederhana Dengan Notepad++
Tutorial Coding - Halo teman gamekupedia sekalian, kembali lagi dengan admin dala postingan kali ini yang membahas perihal 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 yakni 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 kawasan penyimpanan file tadi dan jalankan file html tersebut memakai search engine miliki sobat. Dan balasannya akan menyerupai 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 jikalau benar maka balasannya akan menyerupai 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 perihal proses mengcoding kita kali ini. Nah pertama-tama admin akan menjelaskan perihal 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 ia 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 sesudah code <html> dan eksklusif ditutup sesudah menuliskan judul website
- <body> - Merupakan kawasan 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 yakni kependekan dari background color sobat, dipakai untuk pinjaman 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 sesudah selesai dari paragraf, otomatis sesudah 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 kawasan penyimpanan gambar, dan pastikan lokasi folder gambar berada disatu kawasan 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 yakni pada postingan selanjutnya kita masih akan memakai code HTML pada postingan kali ini.
Mungkin cukup sekian dahulu postingan dari admin kali ini perihal 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!