Langsung ke konten utama

Memilih Text Editor

Belajar HTML (Memilih Text Editor)
Dalam belajar html kita perlu menggunakan text editor untuk mengedit dan menulis text syntax atau kode program dan browser. Untuk text editor sendiri sangatlah banyak untuk penulisan kode html, seperti notepad yang disediakan oleh windows, TextEdit yang disediakan oleh sistem operasi Mac, dan Nano yang disediakan oleh sistem operasi Linux. Text editor berbeda dengan Word Processor (MIcrosoft Word, King Soft, Word Perfect). Itu dikarenakan text editor tak bisa digunakan untuk mengatur format documen serta tidak disediakan fitur-fitur yang bisa digunakan untuk dekstop publishing.
Browser digunakan untuk menjalankan kode program html yang sudah kita tulis. Browser ini adalah syarat yang harus anda ketahui ketika belajar web programming. Untuk browser sendiri bisa menggunakan yang sudah disediakan sistem operasi langsung ataupun bisa juga menggunakan aplikasi yang lain misalnya Mozilla Firefox, Chrome, Opera dll.


 Memilih Text Editor
Berikut beberapa text editor yang saya sarankan untuk digunakan dalam penulisan kode program bagi anda yang baru belajar pemrograman.


  • Sublime text, Salah satu keunggulan dari Sublime Text memang tampilannya yang dinamis. Tersedia juga beberapa tema yang dapat Anda pilih sesuai dengan selera. Sublime Text termasuk di dalam text editor yang mendukung berbagai macam sistem operasi seperti Windows, Mac, dan Linux. Keunggulan lain dari Sublime Text adalah cepat dan dapat digunakan bahkan di perangkat dengan resource yang kecil. Sublime Text juga memungkinkan Anda untuk menambah fitur dengan menginstall plugin. Anda bisa menginstall beberapa plugin apabila mempunyai resource yang cukup.
  • Notepat++, Notepad++ merupakan pengembangan dari Notepad bawaan Windows. Notepad++ menyediakan fitur tambahan yang lebih modern dan canggih. Notepad hanya menggunakan tampilan menu yang simpel dengan latar putih, sedangkan di Notepad++ Anda akan melihat banyak pilihan menu dan ikon. Notepad++ menggunakan tampilan jendela tab. Fitur ini akan sangat berguna ketika Anda membuka beberapa file dalam satu waktu. Bagi Anda yang membutuhkan text editor yang ringan dengan kebutuhan yang terbatas, Notepad++ merupakan pilihan tepat. Bagaimana dengan lisensi? Tenang, Notepad++ dapat Anda gunakan secara gratis. Anda bisa langsung akses ke halamanNotepad++ untuk mencobanya langsung.

  • Visual Code Studio, Visual Code merupakan text editor yang gratis dan powerful. Anda pun pasti menyukainya. Visual Code ini menyediakan fitur yang dapat melengkapi baris kode yang Anda tulis secara otomatis. Selain itu, ada banyak sekali fitur tambahan yang dapat membuat Anda nyaman untuk menggunakannya.
  • Atom, text editor terbaik open source yang ada saat ini. Aplikasi ini tersedia untuk Mac OS, Linux, dan Windows. Atom ini tidak kalah elegan dengan Sublime Text. Selain tampilannya menarik dan desain yang elegan, aplikasi ini juga mendukung banyak bahasa. Jika menginginkan fitur tambahan, Anda dapat dengan mudah menambahkannya melalui menu plugin yang tersedia.

 Itulah beberapa text editor yang bisa digunakan untuk menulis html. Text editor diatas selain untuk text editor html bisa juga untuk menulis text CSS, JavaScript, dll.
Intinya, sebelum anda membuat halaman website yang harus penuhi dahulu adalah  text editor dan browser.
sumber:https://www.malasngoding.com/belajar-html-memilih-text-editor/

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Menghubungkan HTML dengan CSS

Cara Menghubungkan HTML dengan CSS Untuk menghubungkan HTML dengan CSS sangatlah mudah. Gunakan tag <link> untuk menghubungkan html dan css. Tag <link> diletakkan pada bagian elemen head pada struktru html. Berikut contoh menghubungkan html dengan css: Buat file html, disini saya membuat file html dengan nama index.html. Kemudian buat sebuah file css lagi dengan nama terserah anda, disini saya membuat css dengan nama mycss.css. Jadi ada dua buah file yang saya buat yaitu index.html dan mycss.css file index.html: file mycss.css: oke, file css sudah berhasil dihubungkan terbukti dengan berhasilnya syntax css yang kita buat untuk mengatur elemen h1 html diatas syntax.
Posting Komentar
Baca selengkapnya

Cara Menyisipkan Media (Video, Audio, dan Gambar) dengan HTML

Cara Menyisipkan Media (Video, Audio, dan Gambar) Pada sebuah halaman web, pasti ada video, audio dan juga gambar bukan?.  Mengapa demikian? karena video dapat membuat sebuah blog menjadi semakin menarik. Video juga dapat memperbanyak pengunjung sehingga blog kita semakin berkembang. Apalagi jika blog itu sendiri dilengkapi dengan gambar ataupun audio yang baik. Secara otomatis pengunjung akan tertarik bahkan penasaran dengan blog kita sendiri sehingga mereka akan terus-menerus melihat atau mengupdate isi dari blog kita. Namun, lebih baik memposting video, gambar, atau audia yang bermanfaat bagi semua orang. Oleh karena itu, ada cara tersendiri untuk memasukkan gambar, audio, ataupun video itu. Disini saya akan memposting cara memasukan video, gambar, dan audio dalam HTML. Dalam proses ini kita akan  menggunakan Sublime. Menyisipkan Gambar: Gunakan <img src=””> dalam memanggil media gambar, misalnya seperti ini: https://snag.gy/yT0mOb.jpg merupakan s...
Posting Komentar
Baca selengkapnya

Pengenalan Dasar CSS

Pengenalan Dasar CSS Css merupakan bahasa kedua setelah HTML yang harus dipahami oleh developer. Karena CSS sangat penting untuk web developer. Apa itu CSS? CSS adalah singkatan dari "Cascading Style Sheet". Sesuai namanya css mempunyai fungsi sebagai style sheet language yang berarti bahasa pemograman untuk web design. Dengan kata lain, CSS merupakan sebuah bahasa untuk mengatur tampilan web sehingga terlihat menarik dan indah. Dengan css kita dapat mengatur layout(tata letak), warna, font, garis, dll. Variasi atau Versi CSS CSS pertama kali dikenalkan oleh Hakon Wium Lie. Sejak awal pengenalan CSS memiliki beberapa versi: CSS1 : adalah versi pertama (17 Desember 1996) CSS2 : adalah versi kedua ( Mei 1998) CSS2.1 : ( 7 Juni 2011) CSS3 : (2012) CSS4  Versi-versi tersebut telah banyak perbedaan dan pengurangan. Struktur Code atau Sintaks Dasar CSS Struktur code css terdiri dari 3 bagian, yaitu: Selektor  Blog Deklarasi Properti dan nilainya ...
Posting Komentar
Baca selengkapnya