Created (c) by Princexells Seyka (Princelling Saki)

Minggu, 24 Februari 2013

Membuat file HTML dengan Notepad ++




Tapi sebelum ane mulai, bagi pemula yang sungguh-sungguh ingin belajar HTML, sebaiknya sobat menggunakan HTML Text Editor seperti NotePad atau NotePad ++ misalnya. Karena akan sangat membantu sobat 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-ku\index.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.

Tidak ada komentar:

Posting Komentar

Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Lagi Perbaikan Blog
Back to Top