membuat file html

Belajar HTML Part 2 Membuat File HTML

Posted on Posted in Tutorial HTML

Ya setelah di dalam tutorial sebelumnya kita sudah belajar mengenai apa sih HTML, dan bagaimana perannya dalam dunia website…. lalu bagaimana peran sebuah browser dan tools apa saja yang perlu kita persiapkan untuk membuat sebuah file HTML..

Nah sudah cukup perkenalannya di tutorial bagian 1, dalam tutorial di part 2 ini kita akan belajar mengenai bagaimana cara membuat file HTML dengan menggunakan aplikasi notepad++

 

langsung saja ya kawan, ini langkah – langkahnya adalah sebagai berikut :

1. Buka dulu aplikasi notepad++, dengan cara klik start –> all program notepad++ maka akan terbuka aplikasi notepad++ yang sebelumnya telah anda install
2. Lalu silahkan anda klik menu “new” untuk membuka lembar kerja baru pada notepad++

membuat-file-baru-html

 

3. Lalu akan terbuka lembar kerja baru, di dalam notepad++, dalam lembar kerja baru ini anda bisa menuliskan skrip html anda

skrip-html-sederhana

4. Lalu untuk menyimpan file tersebut, silahkan anda klik menu file –> save
5. Akan muncul pop up untuk memilih di folder mana anda menyimpan file tersebut

menyimpan-file

Keterangan :
a. Untuk my document adalah tempat file tersebut disimpan
b. Filename adalah nama dari file html yang akan anda simpan, silahkan di sesuaikan dengan nama yang anda inginkan
c. Save as type silahkan pilih Hyper Text Markup Language (Html)
Lalu silahkan klik save…

 

6. Nah setelah filenya berhasil disimpan coba deh cek tempat dimana anda menyimpan file htmlnya, dalam hal ini saya simpan di dalam my document.

hasil-menyimpan-file

 

7. Nah itu adalah file HTML nya , untuk membuka file tersebut silahkan anda double klik pada file tersebut, maka akan terbuka di dalam browser anda.

tampil-html-di-browser

 

Maka akan terbuka file html anda di browser anda, dalam hal ini saya menggunakan browser Mozilla firefox, nah sekian dulu nih warung belajar membahas bagaimana membuat file html dengan menggunakan notepad++, nah dalam tutorial berikutnya kita akan bahas mengenai apa sih arti dari skrip yang kita tulis tadi hehehe, sampai jupa ya di tutorial berikutnya

 

Anda serius ingin menguasai HTML ?

Warung Belajar telah membuat DVD Tutorial “Tutorial HTML – White Box“. DVD Tutorial ini membahas HTML dengan lebih lengkap dan detail. Penjelasan lebih lanjut bisa ke: Tutorial HTML – White Box

Leave a Reply

Your email address will not be published. Required fields are marked *