Cara Membuat File HTML dan Menjalankannya

Sebelumnya, kita sudah membahas aplikasi text editor. Sekarang, kita akan membahas bagaimana cara membuat file HTML di text editor tersebut. Simak pembahasan AneIqbal selengkapnya berikut ini.

Sebelum ngoding HTML, kita harus tau dulu bagaimana cara membuat dan menjalankan file HTML.

Membuat file HTML

Pertama, jalankan software text editornya. Kalo yang kami pakai yaitu Notepad++.

Sudah? Lalu buat file baru. Cara umumnya: File > New.

..jika sudah, ketik ini: Ane lagi belajar membuat file HTML nich gaes, seperti berikut.

cara buat file html
file baru di notepad++

Sudah?

Jika sudah, save/simpan file tersebut dengan ekstensi file: .html. Tentukan juga lokasi penyimpanan filenya ya.

Kalo kami, filenya disimpan dengan nama belajar-html.html di folder belajar_html yang ada di Desktop. Perhatikan gambar berikut.

cara membuat file html di notepad
simpan file dengan ekstensi html

Sudah?

..jika sudah, file HTML yang sudah kita buat akan terlihat. Lihat gambar berikut.

cara menjalankan html di notepad
file html yang baru saja dibuat

Sampai sini, kita sudah berhasil membuat file HTML. Selanjutnya adalah menjalankan file tersebut.

Menjalankan file HTML

Supaya informasi yang ada di file HTML yang kita buat tadi dapat terlihat, kita harus menjalankannya menggunakan web browser.

Caranya: double klik pada file tersebut, atau klik kanan pada file itu > Open with > pilih browsernya. Kalo kami pakai Google Chrome.

cara menjalankan program di notepad++
Menjalankan file html di notepad++

Maka di web browser akan menampilkan seperti ini.

aneiqbal-tutorial-html-untuk-pemula10
file html yang dibuka dengan browser

Nah begitulah hasilnya.

Sampai sini kita sudah berhasil membuat dan menjalankan file HTML. Coba perhatikan gambar berikut.

aneiqbal-tutorial-html-untuk-pemula12
Lokasi file html yang disimpan

Kotak bergaris merah menunjukkan alamat file HTML yang kita simpan tadi, artinya browser mengakses file HTML yang ada di laptop/PC kita.

..jadi tanpa koneksi internet pun kita dapat menjalankan file HTML.

Ohiya yang kita ketik di Notepad++ tadi masih belum ada koding HTML-nya loh. Masih berupa teks biasa.

Sekian pembahasan kali ini dan semoga panduan di atas bisa membantu Anda. Selanjutnya kita akan membahas apa itu tag, elemen, dan atribut pada HTML.

Share yuk, ke:

Leave a Comment