HMTL Bagian-2 (Editor)

Setelah memahami dasar dari struktur HTML pada tutorial bagian pertama, selanjutnya kita perlu memahami editor yang dapat digunakan ketika mempelajari HTML, pada tutorial ini hanya 3 editor yang akan di bahas

NOTEPAD

Aplikasi bawaan windows ini dapat digunakan sebagai editor untuk mempelajari dan mempraktikkan syntax HTML. sebagai contoh perhatikan gambar di bawah ini

Notepad

setelah selesai mengetik perintah di atas, klik file dan save as, perhatikan kotak dialog di bawah ini

Proses Penyimpanan FIle

ketik nama file pada file name sebagai contoh index.html, pemberian nama harus diakhiri dengan ekstensi filenya yaitu .html. Simpan file pada folder khusus, sehingga data kita tersusun dengan rapi.

NOTEPAD ++

Untuk editor yang kedua yaitu notepad++, perhatikan gambar di bawah ini

Notepad++

silahkan simpan dengan mengklik file >> Save as dan beri nama.

Visual Studio Code

Editor ketiga ini Visual Studio Code, perhatikan contoh di bawah ini

VS CODE

selanjutnya simpan dan jalankan.

Setelah selesai mengetik perintah di atas, kita coba jalankan. Silahkan buka windows explorer untuk menjalankan file yang sudah dibuat.

klik kanan pada file index.html dan klik open with dan pilih browser yang biasa digunakan.

File index.html ketika dibuka dengan browser

sekian