Skip to Content

Masuk/Daftar

Cara Menjalankan Berkas HTML di Visual Studio Code

Disusun bersama Stan Kats

Visual Studio Code merupakan editor (penyunting) kode sumber ( source code ) buatan Microsoft. Program ini tersedia untuk Windows, Linux, dan macOS. Dengan perangkat lunak ini, Anda bisa menulis dan menyunting kode dalam beragam bahasa pengodean, termasuk HTML. Namun, apa yang harus dilakukan jika Anda ingin menjalankan kode HTML untuk melihat tampilannya? Untungnya, ada beberapa ekstensi untuk Visual Studio Code yang dapat digunakan untuk menjalankan kode HTML secara mudah dari dalam Visual Studio Code. Anda juga bisa menjalankan berkas HTML menggunakan Terminal. Artikel wikiHow ini menjelaskan cara menjalankan berkas HTML menggunakan Visual Studio Code.

Metode 1

Metode 1 dari 4:

Membuat, Membuka, dan Menyimpan Berkas HTML

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1e\/Run-a-HTML-File-in-Visual-Studio-Code-Step-1-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-1-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1e\/Run-a-HTML-File-in-Visual-Studio-Code-Step-1-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

1
Buka Visual Studio Code. Program ini mempunyai ikon berbentuk pita biru. Jalankan Visual Studio Code dengan mengeklik ikonnya. Anda bisa menemukan aplikasi ini di dalam menu Start (Windows), di folder Applications (Mac), atau di dalam menu Apps (Linux).
- Jika belum punya, Anda bisa mengunduh aplikasi ini secara gratis di https://code.visualstudio.com/ . Klik tombol Download di situs web tersebut, lalu buka berkas instalasinya dari dalam peramban ( browser ) web atau folder Downloads di komputer. Ikuti petunjuk yang diberikan untuk memasangnya.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d6\/Run-a-HTML-File-in-Visual-Studio-Code-Step-2-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d6\/Run-a-HTML-File-in-Visual-Studio-Code-Step-2-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

2
Buka atau buatlah berkas HTML baru. Buka atau buatlah berkas baru dengan melakukan salah satu langkah di bawah ini:
- Buatlah berkas baru dengan mengeklik File pada bilah menu ( menu bar ) di sisi atas, dan lanjutkan dengan mengeklik New File . Sekarang Anda bisa mulai mengetik kode HTML .
- Buka berkas yang telah ada dengan mengeklik File pada bilah menu di sisi atas, dan lanjutkan dengan mengeklik Open File . Cari berkas HTML yang diinginkan dan pilih berkas tersebut dengan mengekliknya. Setelah itu, klik Open .
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/64\/Run-a-HTML-File-in-Visual-Studio-Code-Step-3-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/64\/Run-a-HTML-File-in-Visual-Studio-Code-Step-3-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

3
Simpan berkasnya dalam bentuk HTML. Jika Anda sudah siap menjalankan berkas HTML di Visual Studio Code, simpan berkasnya dalam bentuk HTML. Setelah berkas HTML disimpan, Anda bisa menjalankannya di peramban yang Anda sukai. Simpan berkas HTML di Visual Studio Code dengan melakukan langkah-langkah ini:
- Klik File pada bilah menu di sisi atas.
- Klik Save as .
- Namai berkasnya di samping " File Name ".
- Pada menu buka-bawah ( drop-down ) di samping " Save as type ", pilih " HTML ".
- Klik Save .
Iklan

Metode 2

Metode 2 dari 4:

Menggunakan Terminal

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5c\/Run-a-HTML-File-in-Visual-Studio-Code-Step-4-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5c\/Run-a-HTML-File-in-Visual-Studio-Code-Step-4-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Ikonnya berbentuk pita berwarna biru. Jalankan Visual Studio Code dengan mengeklik ikonnya. Anda bisa menemukannya di dalam menu Start (pada Windows), folder Applications (untuk Mac), atau menu Apps (untuk Linux).
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/96\/Run-a-HTML-File-in-Visual-Studio-Code-Step-5-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-5-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/96\/Run-a-HTML-File-in-Visual-Studio-Code-Step-5-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-5-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Jika belum melakukannya, buka berkas HTML yang sudah ada, atau buatlah berkas HTML baru, lalu simpan ke format HTML. Jika berkas HTML sudah dibuka, klik tab yang berisi berkas HTML di sisi atas layar untuk menampilkannya.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/34\/Run-a-HTML-File-in-Visual-Studio-Code-Step-6-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/34\/Run-a-HTML-File-in-Visual-Studio-Code-Step-6-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

3
Buka Terminal baru. Lakukan ini dengan mengeklik Terminal di sisi atas layar, dan mengeklik New Terminal . Terminal merupakan satu-satunya cara untuk membuka berkas HTML di Visual Studio Code tanpa harus menggunakan ekstensi. Cara ini juga paling rumit.
- Sebagai alternatif, Anda bisa mengeklik View di sisi atas dan mengeklik Terminal .
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a2\/Run-a-HTML-File-in-Visual-Studio-Code-Step-7-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-7-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a2\/Run-a-HTML-File-in-Visual-Studio-Code-Step-7-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-7-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

4
Tuliskan cd yang diikuti dengan path berkas HTML-nya, lalu tekan ↵ Enter . Anda akan diarahkan ke lokasi berkas HTML. Sebagai contoh, jika berkas HTML berada di dalam folder Documents, tik cd \Users\namapengguna\Documents dan tekan tombol Enter .
- Jika berkas HTML disimpan ke huruf drive lain (bukan di drive yang sama dengan sistem operasi komputer), gantilah huruf drive tersebut di terminal agar Anda bisa membuka path ke berkas HTML. Cara melakukannya adalah dengan mengetikkan huruf drive -nya (misalnya D: untuk drive D:) dan menekan Enter .
- Apabila Anda lupa dengan lokasi penyimpanan berkas HTML, klik kanan tab untuk berkas HTML tersebut di sisi atas layar, lalu pilih Copy Path . Tik cd di Terminal, lalu tempelkan ( paste ) path berkas HTML tersebut langsung di sebelahnya. Hapus nama berkas di akhir path , kemudian tekan Enter .
- Jika nama folder di dalam path berkas HTML memiliki spasi, Terminal tidak akan bisa membuka folder tersebut. Gunakan File Explorer (Windows) atau Finder (Mac) untuk membuka folder yang memiliki spasi tersebut, dan gantilah nama foldernya dengan menghilangkan spasi. Sebagai contoh, jika foldernya bernama "Berkas HTML", gantilah namanya menjadi "Berkas_HTML".
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/00\/Run-a-HTML-File-in-Visual-Studio-Code-Step-8-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-8-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/00\/Run-a-HTML-File-in-Visual-Studio-Code-Step-8-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-8-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

5
Tik start yang diikuti dengan nama berkas HTML, lalu tekan ↵ Enter . Sebagai contoh, apabila Anda ingin membuka berkas HTML bernama index , tik start index.html dan tekan tombol Enter . Berkas HTML tersebut akan dibuka di jendela yang baru sehingga Anda bisa melihat pratinjaunya.
- Jika ingin menutup pratinjau, klik ikon "x" di sisi atas jendela. ^{[1]
  X
  Teliti sumber}
Iklan

Metode 3

Metode 3 dari 4:

Menggunakan Ekstensi "HTML Preview"

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/08\/Run-a-HTML-File-in-Visual-Studio-Code-Step-9-Version-3.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-9-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/08\/Run-a-HTML-File-in-Visual-Studio-Code-Step-9-Version-3.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-9-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Ikonnya berbentuk pita berwarna biru. Jalankan Visual Studio Code dengan mengeklik ikonnya. Anda bisa menemukannya di dalam menu Start (pada Windows), folder Applications (untuk Mac), atau menu Apps (untuk Linux).
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/19\/Run-a-HTML-File-in-Visual-Studio-Code-Step-10-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-10-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/19\/Run-a-HTML-File-in-Visual-Studio-Code-Step-10-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-10-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Ikonnya berbentuk 4 buah kotak yang terdapat di dalam bilah menu di sisi kiri. Menu pencarian Extensions akan dibuka.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/Run-a-HTML-File-in-Visual-Studio-Code-Step-11-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-11-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/Run-a-HTML-File-in-Visual-Studio-Code-Step-11-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-11-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Kolom pencarian berada di sisi kiri atas menu Extensions . Layar akan menampilkan daftar ekstensi yang sesuai dengan kata kunci pencarian Anda. "HTML Preview" merupakan sebuah ekstensi untuk Visual Studio Code yang bisa digunakan untuk menampilkan pratinjau berkas HTML dari Visual Studio Code dalam split-screen (pembagian layar secara terpisah) atau dalam jendela penuh.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-12-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-12-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-12-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-12-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Opsi ini akan berada di urutan paling atas daftar ekstensi yang ditampilkan. Ekstensi ini dikembangkan oleh Thomas Haakon Townsend. Ikonnya berbentuk perisai berwarna oranye yang di tengahnya terdapat angka "5" (logo HTML 5).
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3e\/Run-a-HTML-File-in-Visual-Studio-Code-Step-13-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-13-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3e\/Run-a-HTML-File-in-Visual-Studio-Code-Step-13-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-13-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Tombol ini terdapat di bawah heading " HTML Preview " pada halaman informasi di samping kanan menu ekstensi. Dengan mengekliknya, komputer akan memasang ekstensi tersebut. Tunggu beberapa menit hingga ekstensinya selesai dipasang.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-14-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-14-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-14-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-14-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Jika belum melakukannya, buka berkas HTML yang sudah ada, atau buatlah berkas HTML baru, lalu simpan ke format HTML. Jika berkas HTML sudah dibuka, klik tab yang berisi berkas HTML di sisi atas layar untuk menampilkannya.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a0\/Run-a-HTML-File-in-Visual-Studio-Code-Step-15-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-15-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a0\/Run-a-HTML-File-in-Visual-Studio-Code-Step-15-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-15-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

7
Klik tombol pratinjau split-screen . Ikonnya berbentuk split-screen yang memiliki kaca pembesar di sisi kirinya. Anda bisa menemukannya di sudut kanan atas. Ini akan membuka pratinjau berkas HTML secara split-screen di Visual Studio Code.
- Tekan dan tahan Alt , lalu klik tombol pratinjau untuk melihat pratinjau kode HTML dalam layar penuh.
- Jika ingin menutup pratinjau, klik ikon "x" di dalam tab pratinjau di sisi atas layar.
Iklan

Metode 4

Metode 4 dari 4:

Menggunakan Ekstensi "Open in Browser"

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-16-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-16-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-16-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-16-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Ikonnya berbentuk pita berwarna biru. Jalankan Visual Studio Code dengan mengeklik ikonnya. Anda bisa menemukannya di dalam menu Start (pada Windows), folder Applications (untuk Mac), atau menu Apps (untuk Linux).
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/88\/Run-a-HTML-File-in-Visual-Studio-Code-Step-17-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-17-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/88\/Run-a-HTML-File-in-Visual-Studio-Code-Step-17-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-17-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Ikonnya berbentuk 4 buah kotak pada bilah menu di sisi kiri. Menu pencarian Extensions akan ditampilkan.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/38\/Run-a-HTML-File-in-Visual-Studio-Code-Step-18-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-18-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/38\/Run-a-HTML-File-in-Visual-Studio-Code-Step-18-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-18-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Kolom pencarian berada di sisi kiri atas menu Extensions . Daftar ekstensi yang sesuai dengan kata kunci Anda akan ditampilkan. " Open in browser " merupakan ekstensi untuk Visual Studio Code yang bisa digunakan untuk membuka berkas HTML menggunakan peramban web yang Anda pilih dari dalam Visual Studio Code.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2a\/Run-a-HTML-File-in-Visual-Studio-Code-Step-19-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-19-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2a\/Run-a-HTML-File-in-Visual-Studio-Code-Step-19-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-19-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Ekstensi ini akan berada di urutan teratas daftar hasil pencarian. Ini adalah ekstensi buatan TechER yang namanya menggunakan huruf kecil semua. Pilih ekstensi tersebut dengan mengekliknya.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/61\/Run-a-HTML-File-in-Visual-Studio-Code-Step-20-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-20-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/61\/Run-a-HTML-File-in-Visual-Studio-Code-Step-20-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-20-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Tombol ini terdapat di bawah heading " open in browser " dalam halaman informasi di samping kanan menu ekstensi. Ekstensi ini akan dipasang setelah Anda mengekliknya. Tunggu selama beberapa menit hingga esktensi selesai dipasang.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-21-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-21-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7b\/Run-a-HTML-File-in-Visual-Studio-Code-Step-21-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-21-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Jika belum melakukannya, buka berkas HTML yang sudah ada, atau buatlah berkas HTML baru, lalu simpan ke format HTML. Jika berkas HTML sudah dibuka, klik tab yang berisi berkas HTML di sisi atas layar untuk menampilkannya.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/42\/Run-a-HTML-File-in-Visual-Studio-Code-Step-22-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-22-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/42\/Run-a-HTML-File-in-Visual-Studio-Code-Step-22-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-22-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Ini akan memunculkan menu konteks.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e1\/Run-a-HTML-File-in-Visual-Studio-Code-Step-23-Version-2.jpg\/v4-460px-Run-a-HTML-File-in-Visual-Studio-Code-Step-23-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e1\/Run-a-HTML-File-in-Visual-Studio-Code-Step-23-Version-2.jpg\/v4-728px-Run-a-HTML-File-in-Visual-Studio-Code-Step-23-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

8
Klik Open in Default Browser . Berkas HTML Anda akan dibuka di peramban web default komputer. Setelah melakukannya, peramban web akan menampilkan berkas HTML-nya. ^{[2]
X
Teliti sumber}
- Sebagai alternatif, Anda bisa mengeklik Open in Other Browser dan mengeklik 2 kali peramban web yang Anda inginkan.
- Apabila Anda diminta untuk memilih peramban default , klik peramban yang ingin digunakan untuk membuka berkas, lalu klik Ok .
Iklan

wikiHow Terkait

Iklan

Referensi

Tentang wikiHow ini

Disusun bersama :

Ahli Teknologi Profesional

Artikel ini disusun bersama Stan Kats . Stan Kats adalah Ahli Teknologi Profesional dan COO sekaligus Chief Technologist di The STG IT Consulting Group di West Hollywood, California. Stan memberikan solusi teknologi menyeluruh kepada bidang usaha melalui layanan TI terkelola dan untuk klien individu lewan bisnis layanan konsumen, Stan's Tech Garage. Stan memperoleh gelar BA dalam Hubungan Internasional dari The University of Southern California. Dia memulai kariernya dengan memasuki dunia Fortune 500 IT. Stan mendirikan perusahaannya dan menawarkan kepakaranny untuk bisnis skala kecil dan individu. Artikel ini telah dilihat 53.165 kali.

Daftar kategori: Perangkat Lunak

Cetak

Halaman ini telah diakses sebanyak 53.165 kali.

Apakah artikel ini membantu Anda?

Iklan

-

-

429

.mwimg a.image{display:none}#header_logo{display:none}#cse-search-box{display:none}#cse-search-box-noscript{display:block !important}#cse-search-box-noscript .cse_q{color:#FFF;background-color:#B3CE9C}.wh_search .cse_q{width:88%}#mw-mf-main-menu-button{display:none;visibility:hidden}.header .search{display:none}#search_footer .cse_sa{background-image:url(/extensions/wikihow/mobile/images/white_mag.png);background-size:22px}.related_box{display:block;background:#EEE;border:5px solid #FFF;vertical-align:bottom;width:127px;background-size:180px;float:left;height:120px;position:relative}.related_box p{line-height:15px !important;font-size:13px;background-color:rgba(67,95,44,.4);color:#FFF;font-weight:bold;padding:8px;margin:0 !important;position:absolute;bottom:0}#noscript_header_logo{display:table-cell;vertical-align:middle;background-position:50% 77%;background-repeat:no-repeat;background-image:url(/extensions/wikihow/mobile/images/wikihow_logo_230.png);background-size:105px;width:auto;height:51px;padding:0 14px}.articleinfo{display:none}#iorg_free_data{z-index:50;width:100%;position:fixed}#ara_recommendations{display:none}

Design a Mobile Website

View Site in Mobile | Classic

Share by: