#2 Membuat File HTML

 


Assalamualaikum Wr. Wb

Baik, setelah pembahasan kemarin mengenai "Apa itu HTML?"

Sebelum kita mulai ngoding HTML, kita akan mulai dahulu untuk belajar membuat file HTML

1. Baik pertama2 kita mulai membuat folder untuk menyimpan file HTML yang akan kita kerjakan nantinya. Teman2 bisa buka, windows explorer untuk membuat folder tersebut. Ohh yah, karena kita akan mulai ngoding HTML, jadi untuk membuat foldernya dimana itu terserah, tidak ada sebuah keharusan. Disini saya membuat folder "html" di directory C:/xampp/htdocs/belajar 




2. Selanjutnya, teman2 bisa buka text editor kesukaan teman2. Disini saya akan menggunakan "Sublime Text". Buat teman2 yang belum download, bisa download di https://www.sublimetext.com/download. Lalu download sesuai dengan OS yang teman2 gunakan

3. Setelah itu, kita buka Sublime Text nya. Lalu kita buka folder "yang telah kita buat tadi" di Sublime Textnya. Caranya kita klik, File -> Open Folder -> lalu arahkan ke folder yang telah kita buat tadi -> klik Select Folder. Setelah itu maka folder tersebut sudah terbuka di Sublime Text nya



4. Setelah proses diatas selesai, sekarang kita mulai untuk membuat file HTML di "Sublime Text". Caranya: klik kanan pada folder html -> New File -> masukan nama file. Disini saya menamai file dengan nama "1-membuat-file-html.html"

5. Sebenarnya sekarang kita sudah bisa membuat file HTML, nah lalu untuk mengetest apakah berhasil atau tidak. Kita bisa menuliskan sintaks dasar HTML pada file tersebut. Disini saya akan coba buat heading dengan teks "Hello HTML!" menggunakan tag H1



6. Setelah itu, kita akan coba test apakah kode yang kita tulis bisa muncul di browser. Caranya temen2 bisa buka folder "html" yang telah kita buat tadi. Lalu klik kanan pada file yang telah kita buat tadi. Klik kanan -> Open With -> Disini Saya Menggunakan Chrome



7. Lalu taraa. Jika muncul tampilan sebagai berikut. Artinya kita sudah bisa membuat file HTML





Baik mungkin seperti itu dulu, untuk pembelajaran kali ini. Selanjutnya nanti kita akan belajar tentang tag inti dari html, yaitu tag html, head dan body

Sekian, Wassalamualaikum Wr. Wb

Komentar