Mudah nya Belajar Pemrograman Web seperti Membalikan Telapak Tangan.–PART 4 (Editor HTML)

 

Editor untuk HTML

Menulis HTML menggunakan Notepad atau TextEdit

HTML dapat di edit dengan menggunakan editor HTML profesional seperti
· Microsoft WebMatrix
· Sublime Text
· Notepad++
· Atom
· Dream Weaver
Namun untuk memahami HTML, kita merekomendasi text editor seperti Notepad++(Windows) atau TextEdit (MAC).
Kami percaya dengan menggunakan text editor yang simple merupakan cara baik untuk mempelajari HTMl.
Ikuti 4 tahap dibawah ini untuk membuat halaman web mu yang pertama dengan notepad++.

Langkah 1: Buka Notepad++

To open Notepad in Windows 7 or earlier:
Untuk membuka notepad++ di windows 7 dan seterusnya :
Buka web site https://notepad-plus-plus.org/download maka akan ditampilakakn halaman download Notepad++ versi yang paling baru.
Dihalaman tersebut terdapat berbagai jenis installer. Klik “Notepad++ Installer”
clip_image002[5]
Setelah didownload, maka klik dua kali hasil download tadi dan ikuti proses instalasi yang ada. Cukup mudah untuk dilakukan.
Jika proses instalasi telah berhasil dilakukan maka buka aplikasi notepad++.
Namun jika anda tidak menginginkan notepad++ namun lebih ingin menggunakan notepaf yang telah terinstalasi langsung di windows 7. Caranya Klik Start (bagian bawah kiri di screen). Klik All Programs. Klik Accessories. Click Notepad
Jika menggunakan Windows 8 dan versi selanjutnya maka ikuti langkah berikut : Buka StartScreen (Simbol window yang berada di kiri bawah pada layar). Ketik Notepad. Lalu enter.

Langkah 2: Tulis Beberapa Kode HTML

Tulis atau kopi beberapa kode HTML kedalam notepad++ atau notepad biasa.
clip_image003[5]
clip_image004[7]

Langkah 3: Menyimpan Halaman HTML

Simpan file di komputer mu dengan Pilih Select > Save as di Notepad menu. Lakukan hal yang sama pada notepad++.
Beri nama file “index.html”(dengan tanda petik) atau dengan nama lain yang berkahiran html atau htm.
UTF-8 adalah encoding yang cocok dengan file HTML.
Karena ANSI hanya mengliputi encoding karakter US dan eropa barat.
clip_image006[6]
clip_image007 Kau bisa menggunakan ekstensi .html atau .htm.
Tidak ada perbedanan di keduanya. Jadi terserah kamu mau piliih yang mana.

Step 4: Melihat Halaman HTML di Web Browsermu

Buka file HTML yang telah disimpan tadi dengan browser favoritmu. Hasilnya akan tampil seperti ini :
clip_image009
clip_image007[1] Untuk membuka file di browser, klik dua kali file tersebut atau klik kanan dan pilih
Open with