Bagaimana kita menulis HTML?
Kita akan menulis HTML di editor HTML, seperti notepad,
Menulis HTML menggunakan ‘Notepad’ adatu ‘Editor Lain’.
HTML dapat diedit dengan menggunakan beberapa editor, untuk orang yang sudah mahir bisa menggunakan :
‘Microsoft WebMatrix’
‘Sublime Text’
Namun, untuk mempelajari HTML bagi pemula sebaiknya ‘Text Editor’ :
- Notepad (Untuk Windows XP, Windows 7, Windows 8/8.1, Windows 10, bisa langsung digunakan)
- TextEdit (Untuk operasi sistem Mac)
- Notepad++ (Saran saya untuk pemula, karena gratis dan lebih mudah)
4 Langkah Awal Membuat Kode HTML Sederhana
Untuk mengawali tutorial HTML ini, kita akan membuat kode HTML sederhana. Sebelum kita membuat kode HTML, ada beberapa hal yang perlu kita ketahui.
Hal-Hal Yang Perlu Diketaui
- Notepad
- Kode HTML
- Browser (Firefox/Chrome)
Kita akan belajar STEP BY STEP sebagai berikut:
Langkah 1: Buka ‘Notepad’
Untuk membuka ‘Notepad’ di Windows 7/XP:
Klik ‘Start’ (Kiri bawah). Lalu Klik ‘All Programs’. Cari dan klik ‘Accessories’. Setelah itu klik ‘Notepad’.
Untuk membuka ‘Notepad’ di Windows 8/8.1/10:
Buka ‘Start’ (Logo Windows, kiri bawah). Lalu di Pencarian, ketika ‘Notepad’. Lalu buka ‘Notepad’nya.
Langkah 2: Tulis Kode HTML
Tulis kode HTML di ‘Notepad’
<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
Langkah 3: Simpan sebagai Halaman HTML
- Simpan file yang baru saja kita tulis tadi.
- Pilih ‘File’ lalu ‘Save as di menu ‘Notepad’ di bagian atas sebelah kiri.
- Beri nama, ‘halaman1.html’ atau nama apa saja dan akhir dengan ‘.html’ (nama.html).
- Di bagian ‘Save as type:’ pilih ‘All Files (*.*)
- Di bagian ‘Encoding:’ pilih ‘UTF-8’
Kamu bisa juga menggunakan ‘.htm’ atau ‘.html’. Tidak ada perbedaan.
Langkah 4: Menampilkan Halaman HTML di Browser.
Buka file HTML (yang baru saja kita buat) di browser favorit kamu.
Untuk membuka file di browser: klik 2x pada file atau klik kanan lalu pilih ‘open with’ kemudian pilih ‘firefox’ atau ‘Internet Explorer’.
English Version: http://www.w3schools.com/html/html_editors.asp
