DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA MEMBUAT HTML DI VISUAL STUDIO CODE (VS CODE)

Artikel sederhana ini akan mengajarkan kamu bagaimana membuat HTML di Visual Studio Code (VS Code) langkah demi langkah.

Daftar Isi:

Langkah 1: Download dan Instal...
Langkah 2: Membuat file HTML b...
Langkah 3: Menulis kode HTML d...
Langkah 4: Menyimpan dan melih...

Visual Studio Code (VS Code) menjadi pilihan populer bagi pengembang web karena mudah digunakan dan banyak fitur mendukung. Pada artikel ini, kita akan membahas bagaimana kamu bisa mulai membuat kode HTML di VS Code. Langkah-langkah yang akan dijelaskan pun cukup mudah dipahami, bahkan bagi para pemula.

Langkah 1: Download dan Install Visual Studio Code

Sebelum kamu dapat mulai menulis kode HTML, kamu harus memiliki Visual Studio Code di komputer kamu. Kamu bisa mendapatkannya secara gratis dari situs web resmi Microsoft. Setelah mendownload, ikuti saja instruksi yang diberikan untuk menginstall aplikasi ini di komputer kamu.

Langkah 2: Membuat file HTML baru

Setelah Visual Studio Code berhasil diinstall, kamu bisa mulai membuat file HTML. Berikut ini adalah langkah-langkah yang bisa kamu ikuti:

  1. Buka Visual Studio Code.
  2. Pilih menu File di bagian kiri atas, lalu klik opsi New File.
  3. Untuk menyimpan file sebagai HTML, pilih menu File lagi dan klik Save As...
  4. Pilih lokasi untuk menyimpan file, lalu masukkan nama file dengan ekstensi .html. Misalnya, index.html.
  5. Klik Save.

Langkah 3: Menulis kode HTML di Visual Studio Code

Sekarang kamu sudah punya file HTML, maka bisa mulai untuk menulis kode. Berikut adalah struktur dasar dari HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Judul Halaman</title>
    </head>
    <body>
        <h1>Ini adalah judul utama</h1>
        <p>Ini adalah paragraf.</p>
    </body>
</html>

Untuk memulai, kamu bisa menyalin struktur di atas ke dalam file HTML kamu di Visual Studio Code serta melakukan modifikasi sesuai kebutuhan.

Langkah 4: Menyimpan dan melihat perubahan

Setiap kali kamu melakukan perubahan pada file HTML kamu, pastikan kamu menyimpan perubahan tersebut dengan memilih File dan klik Save. Untuk melihat perubahan tersebut, kamu bisa membuka file HTML dengan peramban web. Cukup klik kanan file HTML di explorer lalu pilih Open with Live Server.

Itulah cara membuat HTML di Visual Studio Code. Semoga artikel ini membantu kamu untuk memulai pengembangan web menggunakan VS Code. Selamat mencoba!


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding