Sunday, 17 December 2017

Belajar HTML Part 2: Cara Mengedit HTML


hai kembali lagi pada tutorial HTML dasar, setelah sebelumnya kita membahas tentang pengertian dan sejarah HTML maka untuk kali ini kita akan belajar mengedit file HTML.

sebelum mengedit HTML pertama yang harus anda lakukan adalah menggunakan kode editor. ada banyak kode editor untuk pemrograman web, diantaranya yang sering di pakai adalah sublime text, notepad++, adobe dreamweaver. dan software tersebut  bisa di download di bawah ini.

Kalo saya paling suka menggunakan dreamweaver karena selain fiturnya yang lengkap tampilannya pun enak dilihat. tapi jika anda ingin menggunakan kode editor lain itu tidak masalah.
oke langsung saja kita ke cara mengedit HTML.

1. buka kode editor yang telah di download tadi, jika anda menggunakan sublimetext maka langsung saja menuju ke file di pojok kiri atas seperti gambar berikut.



2. klik new file pada pilihan atau tekan CTRL + N, maka akan secara otomatis diarahkan ke kanvas tempat edit kodennya.



3. tulis kode yang ingin di buat, contoh saya membuat program dasar HTML yaitu "hello world".


<!DOCTYPE html>
<html>
<head>
   <title>membuat dokumen html</title>
</head>
<body>
   <h1>hello world</h1>
</body>
</html>

4. jika sudah mengedit file maka simpan file dengan cara klik file terus klik simpan atau tekan CTRL + S.
5. terus cari folder untuk menyimpan file tersebut, terus berilah nama  file dengan format HTML, contoh "index.html" ganti nama index dengan sesuai keinginan anda lalu simpan.



6. untuk melihat hasil file HTML tadi dengan mencari file yang tadi anda simpan, lalu klik dua kali pada file tersebut maka akan diarahkan ke tampilan browser.




sekian untuk tutorial kali ini semoga bermanfaat, untuk tutorial HTML selanjutnya bisa di lihat di link selanjutnya.
Filed Under :

0 comments for "Belajar HTML Part 2: Cara Mengedit HTML"

Post a Comment

background