Irvan Jaya Seorang Mahasiswa Teknik Informatika - Universitas Mulawarman yang Doyan Nulis Artikel

Belajar HTML Part 2 – Mengenal Text Editor [Lengkap]

2 min read

Belajar HTML Part 2 - CoretanKodeCOM

CoretanKode – Pada kesempatan kali ini kita akan belajar HTML kembali, jadi pada part 2 ini admin akan menjelaskan tentang teks editor yang dapat digunakan pada saat kalian membuat sebuah halaman website menggunakan Bahasa HTML.

Artikel Menarik Lainnya :

Sebelumnya kita sudah membahas struktur, contoh dan bahkan sejarah perkembangan dari Bahasa HTML ini, selanjutnya kita akan membahas teks editor apa sih yang paling cocok digunakan untuk membuat sebuah halaman website HTML ?

Jadi disini admin akan membahas 2 editor teks nih yakni SublimeText dan juga Notepad.

Cara Membuat Dokumen HTML Baru

Nah sublimetext dan juga notepad memanglah serupa dan setujuan tetapi ada perbedaan dari segi fitur yang disediakan loh. Contohnya shortcut key di sublimetext yang ada banyak dan dapat mempermudah kalian pada saat ngoding.

Sedangkan Notepad hanyalah text editor bawaan windows yang tidak mempunyai banyak fitur untuk bidang ngoding HTML apalagi Javascript nih guys.

Oleh karena itu admin akan menunjukkan bagaimana cara membuat sebuah halaman HTML menggunakan kedua Text Editor ini.

Menggunakan Notepad Windows

Untuk membuat sebuah halaman web menggunakan notepad kalian harus membuka aplikasinya terlebih dahulu lalu menuliskan kode HTML yang ingin kalian buat lalu menyimpan kodingan kalian dalam format HTML dengan cara sebagai berikut :

  • Klik Start
  • Tulis Notepad
  • Klik Notepad
  • Tuliskan Kode
  • Simpan dokumen HTML dengan format: “judul.html” dan Save as Type pilih “All Files”
  • Save dan buka file tersebut di Web Browser kalian
  • Hasil kodingan-nya akan muncul
  • Selesai

Nah jadi bila kalian yang ingin belajar HTML dengan mudah yah kalian bisa banget menggunakan aplikasi bawaan windows saja yakni Notepad.

Tetapi untuk kalian yang menyukai Text Editor dengan tema gelap dan juga kodingan kalian berwarna serta dilengkapi fitur snippet dan lain sebagai-nya ala-ala selayaknya profesional yah admin sarankan kalian menggunakan sublimetext.

Menggunakan SublimeText Editor

Apabila kalian menggunakan sublimetext kalian dapat langsung memilih jenis file yang kalian ingin ciptakan, caranya juga cukup sederhana dimana kalian hanya perlu membuka aplikasi SublimeText-nya lalu klik file dan pilih new.

Selanjutnya kalian Save saja terlebih dahulu dan pilih Save as Type menjadi Bahasa yang sedang kalian ingin buat, pada studi ini kalian cukup pilih HTML atau HTML5 saja. Caranya seperti ini:

  • Silahkan download SublimeText
  • Silahkan install hingga selesai
  • Silahkan buka aplikasi-nya
  • Silahkan klik file->new->save file->pilih format Save as Type ke HTML
  • Silahkan lanjutkan ngoding sesuka kalian
  • Save lagi dan lihat hasilnya di Web Browser
  • Selesai

Nah jadi sebenarnya Notepad dan juga Sublime ini merupakan dua media belajar HTML yang sangat baik karena keduanya ini sangat ringan digunakan untuk laptop dengan kapasitas memori dan prosesor yang mid-end hingga low-end.

Yang membedakan dari Sublime dan Notepad adalah fitur serta tampilan dari text editor-nya saja disaat kalian memulai menuliskan kode. SublimeText akan secara otomatis memberikan warna yang sesuai dengan struktur Bahasa yang kalian gunakan.

Selain itu fitur snipped dan tracking error juga akan lebih mudah dilakukan apabila kalian menggunakan aplikasi Text Editor yang memang dibuat untuk pekerjaan ngoding seperti ini.

Text Editor Alternatif untuk Ngoding

Bila kalian tidak menyukai aplikasi Notepad dan juga SublimeText kalian sebenarnya masih bisa menemukan banyak text editor yang lainnya contohnya saja ada Visual Studio Code, Notepad++, Atom, UltraEdit, TextMate ataupun CoffeCup.

Semua text editor tersebut mempunyai fitur yang sangat dapat kalian andalkan pada saat melakukan kegiatan ngoding di berbagai Bahasa apalagi bila kalian hanya ingin ngoding HTML semata.

Nah jadi itulah beberapa hal yang dapat admin sampaikan pada artikel kali ini semoga bermanfaat dan jangan lupa cek artikel sebelumnya :

Bila sudah paham tentang artikel sebelumnya maka silahkan deh kalian lanjut belajarnya ke part 3 dibawah ini :

Selamat belajar semoga kalian bisa memahami materi belajar HTML untuk pemula dan mahir yang admin sampaikan, terima kasih telah berkunjung dan Assalamualaikum Warahmatullahi Wabarakatu.

Irvan Jaya Seorang Mahasiswa Teknik Informatika - Universitas Mulawarman yang Doyan Nulis Artikel