Last Updated on December 15, 2021 by
Belajar HTML belum lengkap rasanya jika belum membahas tentang text editor. Keberadaan text editor ini sangatlah penting, di mana ia berperan dalam membuat atau menulis kode-kode HTML. Text editor HTML ini akan membuat pekerjaan Anda dalam membuat kode akan jauh lebih mudah.
Beberapa teks editor juga menyediakan beberapa fungsionalitas tambahan yang semakin membantu Anda. Artikel ini adalah artikel lanjutan dari materi dasar html untuk belajar html dan css bagi pemula. Artikel ini pula akan membantu Anda dalam memilih dan menggunakan text editor HTML.
Table of Contents
Rekomendasi Text Editor HTML untuk Pemula
Ada beberapa teks editor yang banyak digunakan saat ini dan cocok digunakan untuk pemula yaitu:
1. Windows Notepad
Aplikasi Notepad adalah aplikasi yang diperuntukkan khusus untuk sistem operasi Windows. Aplikasi ini pun dapat Anda gunakan secara gratis dan bisa digunakan di PC atau laptop Anda. Dengan Notepad, Anda dapat menulis kode-kode HTML yang Anda butuhkan. Kelebihan dari aplikasi ini adalah, memiliki Graphical User Interface (GUI) yang menarik, serta tambahan plugins yang membantu Anda untuk belajar membuat program.
2. TextEdit (Mac)
TextEdit adalah text editor yang ditujukan untuk pengguna Apple. Dengan menggunakan TextEdit, Anda dapat menampilkan dokumen HTML seperti yang Anda lihat pada browser. Anda pun dapat membuat dan mengedit kode HTML dengan menggunakan aplikasi ini.
3. Sublime Text
Sublime text adalah text editor terbaik yang dapat digunakan oleh para pemula di dunia coding maupun programing. Sublime text pun tidak sulit dioperasikan serta didukung juga oleh dokumentasi. Sama seperti Notepad, Sublime Text juga dilengkapi dengan plugin yang dapat membantu Anda dalam belajar membuat kode mupun program.
4. Vim
Vim adalah text editor yang sangat berguna untuk Anda. Dengan tampilan yang sederhana namun powerful ini akan mempermudah Anda dalam mengontrolnya. Anda dapat mengubah dokumen, memindahkan, menghapus serta mengubah teks secara otomatis dengan menggunakan editor ini.
5. Atom
Text editor ini dikembangkan oleh GitHub namun telah diakuisisi oleh Microsoft pada tahun 2018. Text editor ini pun open source, dan dapat Anda gunakan secara gratis. Proyek yang Anda buat pun dapat dibagikan secara real-time sehingga lebih efisien dari segi waktu pengerjaan proyek. Anda pun dapat menginstal plugin dan tema untuk membuat proyek Anda menjadi lebih menarik.
Tutorial Menggunakan Text Editor HTML
Pada artikel ini kami menggunakan contoh Notepad dan TextEdit, karena banyak dari Anda pasti sudah memiliki keduanya mengingat Notepad adalah aplikasi bawaan Windows dan TextEdit adalah aplikasi bawaan Mac. Selanjutnya, untuk membuat kode dan dokumen HTML Anda di Notepad maupun TextEdit sangatlah mudah. Hanya dengan tiga langkah berikut ini:
1. Buka Text Editor Anda
Langkah pertama adalah membuka Text Editor Anda. Jika Anda pengguna Windows 7 ke bawah, yang dapat Anda lakukan adalah klik Start > klik All Programs > Accessories > Notepad. Sementara untuk Windows 8 ke atas klik Start > Ketik Notepad pada pencarian > Tekan Enter. Apabila Anda pengguna Mac, Anda hanya perlu mengklik Finder > Application > TextEdit.
2. Tulis dan Simpan File HTML Anda
Selanjutnya, klik New File dengan text editor HTML pilihan Anda dan Anda akan mendapati ruang kosong untuk menulis kode Anda. Berikut adalah contoh kode yang kami gunakan:
<!DOCTYPE html> <html> <head> <title>Judul Website Anda</title> </head> <body> <h1>Heading 1</h1> <p>Teks Paragraf</p> </body> </html>
Setelah itu simpan file di komputer Anda. Simpan file tersebut dengan ekstensi .html. Ingat, harus ekstensi .html karena jika tidak maka website Anda tidak akan bisa dijalankan. Gunakan enkoding UTF-8 sehingga browser dapat mendisplay berbagai karakter tanpa masalah.
3. Pratinjau Laman HTML Anda pada Browser
Terakhir, bukalah file HTML yang Anda simpan di web browser. Anda dapat menggunakan Chrome atau Firefox. Anda juga dapat melakukan hal ini hanya dengan mendrop file Anda ke browser yang Anda gunakan.
Demikianlah penjelasan tentang text editor untuk HTML dan tutorial menggunakan text editor untuk HTML. Jika Anda ingin mencoba hal baru, menambahkan sedikit gaya pada file HTML Anda, Anda dapat menggunakan text editor Atom atau Sublime Text yang sudah dilengkapi dengan berbagai plugin dan dapat digunakan secara gratis. Dapatkan terus materi terbaru dari kami hanya dengan terus kunjungi situs Codekey!
Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.
