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
sumber: dokumentasi pribadi
3. Setelah itu akan muncul jendela baru. Lalu buat folder baru bernama HTML dan pilih Select Folder.
sumber: dokumentasi pribadi
4. Jika berhasil maka nama yang digaris merahi berikut akan sesuai dengan nama folder sobat
sumber: dokumentasi pribadi
5. Klik icon New File seperti gambar dibawah ini. Lalu beri nama index.html. Seperti gambar dibawah ini.
sumber: dokumentasi pribadi
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
sumber: dokumentasi pribadi
7. Maka akan muncul default html lengkapnya. seperti gambar dibawah ini.
sumber: dokumentasi pribadi
8. Setelah ini silahkan ikuti kode berikut ini. Jangan lupa tekan ctrl + s untuk save file, sampai lingkaran putih yang ditandai menghilang.
sumber: dokumentasi pribadi
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.
sumber: dokumentasi pribadi
10. Tunggu beberapa saat, dan lihatlah apa yang akan terjadi
sumber: dokumentasi pribadi
Tadaaa!, Kita berhasil. Masih bersemangat? nantikan blog lainnya sobat udacoding, yang pastinya tentang web development. Sampai jumpaa.