Belajar HTML Untuk Pemula Buat Website – Digital Marketing Online Indonesia

Jika anda ingin mempelajari bagaimana cara membuat sebuah website langkah pertama adalah mempelajari html, html merupakan dasar dari semua halaman website yang kita lihat di internet tetapi apa sebenarnya html html adalah singkatan dari hypertext markup language disebut hypertext, karena di dalam html sebuah teks biasa dapat berfungsi lain kita dapat membuatnya menjadi sebuah Lingga dapat berpindah dari satu halaman ke halaman lainnya hanya dengan mengklik teks tersebut kemampuan teks inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya teks yang dapat dijadikan link disebut markup language, karena bahasa HTML menggunakan tanda mark untuk menandai bagian bagian dari teks misalnya teks yang berada di antara tanda tertentu akan menjadi tebal dan jika berada diantara tanda-tanda lainnya akan tampak besar tanda ini dikenal sebagai html tag, jika ingin melihat bagaimana sebenarnya html silakan kalian buka web browser kalian lalu Klik Kanan halaman ini lalu pilih view page source akan tampil sebuah halaman baru yang merupakan kode HTML.

Dari halaman ini jika anda merasa terintimidasi dengan kode tersebut anda tidak sendirian saya juga mengalaminya, namun kita akan mempelajarinya sebagian besar kode-kode tersebut bersama-sama, lalu apa saja yang kita butuhkan untuk belajar html setidaknya kita membutuhkan Web Browser dan sebuah teks editor kalian bisa menggunakan web browser Google Chrome, Mozilla dan lainnya di mana web browser di sini digunakan untuk menampilkan website, kita nantinya jika kalian tapi tahu kegunaannya saya sudah membahas pada materi sebelumnya. Bagaimana website kerja selanjutnya Kalian juga memerlukan sebuah teks editor di mana kalian bisa menggunakan notepad ,Sublime teks, Visual Studio code atau teks editor lainnya, di mana text editor sendiri digunakan untuk menuliskan kode-kode program kita, saya di sini menggunakan Visual Studio code, jika kalian belum menginstal Visual Studio code, saya sudah membacanya pada materi sebelumnya cara install Visual Studio code di Windows 10 baik teman-teman semuanya.

Selanjutnya apabila kalian sudah memiliki Web Browser dan teks editor disini saya menggunakan Visual Studio code, buka Visual Studio code kalian yang akan kita lakukan di sini adalah manajemen ruang kerja kita atau manajemen folder penyimpanan kita nantinya yang perlu kalian lakukan pertama kali adalah silakan kalian Buka folder di PC kalian di PC kalian mungkin terdapat Disk D , E atau yang lainnya. Disini saya akan menggunakan Disk I yang akan saya gunakan untuk menyimpan file file-file kode program yang akan kita buat Nanti nya kalian bebas menggunakan Disk D , E atau yang kalian inginkan Sesuai yang ada di PC kalian selanjutnya kita buat sebuah folder baru di sini saya mau menuliskan yaitu itu VCODE jadi di folder berikut ini di dalamnya ini nanti kedepannya akan kita gunakan sebagai ruang penyimpanan dari kode-kode program kita, sehingga file-file yang telah kita buat semuanya akan masuk ke folder berikut ini.

Lalu bagaimana untuk memanggil folder ini ke dalam teks editor kita selanjutnya kita akan masuk ke menu text editor kita di visual studio code kita lalu silakan pilih file lalu at folder to work space, selanjutnya cari disk yang kita gunakan tadi,saya gunakan I, lalu klik 1 kali VCODE ini dan ADD dan kita tunggu sampai selesai dan Ini dia folder kita yaitu folder yang akan kita gunakan untuk menyimpan file-file html kita, nantinya setelah folder kita buat selanjutnya yang kita akan kita lakukan adalah membuat sebuah file html baru dengan cara silakan kalian folder vcode berikut ini sekali lalu klik bagian icon ini maka akan secara otomatis tertulis new file maka silahkan klik sekali di sini saya akan memberi nama belajar 1 .html, maka dalam membuat sebuah file html pastikan pada akhiran setelah menulis nama file kalian kalian Tuliskan .html di mana digunakan untuk memberi tahu bahwa file yang kita buat adalah file dengan format html, setelah itu silahkan klik enter maka kalian akan dibuatkan sebuah dokumen file html untuk mengeceknya.

Apakah file html kita sudah ada di dalam folder kita tadi kalian bisa mengeceknya melalui file eksplorer tadi lalu silakan kalian buka Disck tempat kalian menyimpan tadi lalu buka VCODE di sini ada sebuah file html yang baru saja kita buat yang bernama belajar1.html selanjutnya silahkan kalian kembali lagi ke text editor kalian di sini kita akan mencoba untuk membedah struktur dasar html silakan kalian ikuti pertama-tama kita mari kita Tuliskan kurung pembuka dan tuliskan DOCTYPE! html dan diikuti dengan kurung penutup selanjutnya kalian bisa menuliskan html lalu klik tab maka akan dibuatkan sebuah tag pembuka html dan penutup html tekan enter selanjutnya kalian Tuliskan head kalian enter lagi lalu title tab lalu enter lagi dibawah penutup head silakan kalian Tuliskan body tab lalu enter ini adalah struktur html untuk penjelasannya Nanti akan saya jelaskan secara bertahap yang penting di sini kalian sudah paham Bagaimana penulisan struktur html nya dimulai dari Doctype!

dan diakhiri penutup tag html ada sebuah trik yang bisa digunakan agar cepat penulisan codingnya ini tanpa kalian menuliskan doctype sampai penutup html caranya silahkan kalian Hapus lalu kalian buat sebuah tanda ! 1 kali lalu tekan tab maka di sini kalian sudah dibuatkan sebuah struktur html dasarnya lalu untuk penjelasannya dan jelaskan satu persatu di dalam Tag Body mari kita coba buat sebuah judul meggunakan H1 kalian bisa menekan Tab kalian bisa tetap bisa Tuliskan di dalamnya belajar coding kita simpan dan kita coba jalankan Life server kita open with live server dan kita tunggu kita minimize dengan windows panah kanan klik pada teks editor kita sudah sesuai dengan belajar coding lalu apasih Doctype! , tag html pembuka penutub , tag head , tag body dan lainya.