Halo sobat? apa kabar? kali ini kita akan mencoba membuat HTML pertama kita di visual studio code. Pastikan sobat sudah mengikuti blog sebelumnya ya tentang live server. Yuk tak perlu berlama-lama, mari kita coba!
- buka visual studio sobat, sehingga tampak seperti di bawah ini:
2. Setelah terbuka klik File lalu pilih Open Folder
3. Setelah itu akan muncul jendela baru. Lalu buat folder baru bernama HTML dan pilih Select Folder.
4. Jika berhasil maka nama yang digaris merahi berikut akan sesuai dengan nama folder sobat
5. Klik icon New File seperti gambar dibawah ini. Lalu beri nama index.html. Seperti gambar dibawah ini.
6. Setelah itu silahkan ketik pada editor. html:5 dan pilih html:5 dengan tekan tab pada keyboard atau keypad kalian. seperti gambar dibawah ini
7. Maka akan muncul default html lengkapnya. seperti gambar dibawah ini.
8. Setelah ini silahkan ikuti kode berikut ini. Jangan lupa tekan ctrl + s untuk save file, sampai lingkaran putih yang ditandai menghilang.
9. Jika sudah. silahkan jalankan live servernya dengan cara klik live server di pojok kanan bawah. Jika Live Server tidak muncul, silahkan close aplikasi vs-codenya, lalu buka kembali.
10. Tunggu beberapa saat, dan lihatlah apa yang akan terjadi
Tadaaa!, Kita berhasil. Masih bersemangat? nantikan blog lainnya sobat udacoding, yang pastinya tentang web development. Sampai jumpaa.