Membuat file HTML dengan Notepad

Pada kesempatan ini Saya akan menjelaskan kepada para pemula tentang cara membuat file HTML secara sederhana sebagai langkah awal cara membuat website.
Tapi sebelum Saya mulai, bagi pemula yang sungguh-sungguh ingin belajar HTML, sebaiknya anda menggunakan HTML Text Editor seperti NotePad atau NotePad ++ misalnya. Karena akan sangat membantu anda untuk lebih cepat menghafal Tag-tag HTML daripada menggunakan program aplikasi layout web yang menyediakan tombol-tombol untuk membuat kode HTML secara instan.

Berikut adalah cara membuat file HTML :

  1. Buka program Notepad pada komputer anda di (All programs/Accessories/Notepad).
    notepad-1
  2. Setelah itu akan muncul jendela baru seperti dibawah ini:
    notepad-2
  3. Di dalam jendela Notepad, ketikan tag-tag HTML seperti berikut ini :
    notepad-3
  4. Kemudian simpan file tersebut diatas dengan nama “index.html” didalam folder “web-ku” di “D direktori”.
  5. Buka Browser anda, pada kasus ini Saya menggunakan Browser Internet Explorer 7 dan ketikan D:web-kuindex.html pada ” Address Bar”, lalu akan muncul halaman Web anda seperti dibawah ini :
    notepad-4

Catatan Penting :

  • Dalam mengetikan nama file HTML anda, harus menggunakan huruf kecil dan jangan menggunakan spasi.
  • Jika ada kata terpisah dalam memberi nama file, sebaiknya menggunakan tanda strip “-” atau strip bawah “_”.
  • Setiap membuat halaman Web pertama kali, simpanlah file tersebut dengan nama “index.html” selanjutnya bisa memakai nama lain sesuai keinginan anda seperti “about-me.html” atau “contact_us.html”.
  • Sebaiknya gunakan Notpad++, karena akan memudahkan anda meng Edit lebih cepat tag-tag HTML daripada Notepad biasa. (Download Notpad++ disini!)

Seperti yang sudah saya jelaskan pada awal belajar html bahwa sebaiknya anda siapkan waktu dan kesabaran untuk selalu membaca tutorial html baik di situs ini maupun pada situs lainnya.

Semoga berhasil….!

12 comments for “Membuat file HTML dengan Notepad

  1. Nendra
    10 April 2010 at 19:26

    Mksh ilmunya y…..sangat bermanfaat…saya msh pemula, mohon bimbingannya y….mksh y mas…

  2. gilang
    5 Mei 2010 at 10:39

    wah,info bagus sangat bermanfaat

  3. 19 Mei 2010 at 15:48

    thx ilmunya

  4. david
    21 Agustus 2010 at 11:51

    tnk ilmunya bermanfaat banget bagi ku :))

  5. CIPTO
    9 Oktober 2010 at 08:30

    MOHON INFO

  6. 24 Oktober 2010 at 11:07

    tengKyu banget mas,buat infonya…

  7. GENJI
    28 Oktober 2010 at 09:10

    THANK’S YA ATAS INFO NYA

  8. my
    13 Januari 2011 at 15:11

    mksh ats infony, saya msh pemula..
    smoga brmnfaat untk saya .

  9. phichul
    18 Januari 2011 at 21:33

    bermanffat!
    makasi^^
    dilengkkapi ket.gambar jdi lbih paham..

  10. zikri
    17 Maret 2011 at 05:29

    mkasih bnyk..
    jelas dan bermanfaat

  11. Rany
    27 April 2011 at 15:09

    hai …. thanks ya buat ilmu nya… bolehkan membantu saya dalam membuat html yg lebih dari 1 baris dan bebas memilih warna tulisan n jenis font nya??? thanks

  12. Venom
    13 Juli 2011 at 10:47

    THX INFONYA GAN..sangat bermanfaat 😀

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *