Belajar HTML memilih aplikasi Editor dan cara menjalankannya

Posted by Soundrenaline July 19, 2020 Post a Comment

HTML adalah singkatan dari (Hypertext Markup Language). Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya hanya dengan meng klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link.

HTML merupakan bahasa dasar pembuatan web. Disebut dasar karena dalam membuat web, jika hanya menggunakan HTML tampilan web terasa hambar. Terdapat banyak bahasa pemrograman web yang ditujukan untuk memanipulasi kode HTML, seperti JavaScript dan PHP. Akan tetapi sebelum anda belajar JavaScript maupun PHP, memahami HTML merupakan hal yang paling awal.

HTML bukanlah bahasa pemrograman (programming language), tetapi bahasa markup (markup language), hal ini terdengar sedikit aneh, tapi jika anda telah mengenal bahasa pemrograman lain, dalam HTML tidak akan ditemukan struktur yang biasa di temukan dalam bahasa pemrograman seperti IF, LOOP, maupun variabel. HTML hanya sebuah bahasa struktur yang fungsinya untuk menandai bagian-bagian dari sebuah halaman.

Selain HTML, dikenal juga xHTML yang merupakan singkatan dari (eXtensible Hypertext Markup Language). xHTML merupakan versi lama dari HTML sebelum era HTML5 seperti saat ini. xHTML menggunakan aturan penulisan yang lebih ketat. Jika anda menemukan artikel yang membahas xHTML, bisa disamakan dengan HTML, karena perbedaannya tidak terlalu banyak.

Saat ini versi terbaru dari HTML adalah HTML5. HTML5 berisi beberapa fitur baru, tapi tetap membawa mayoritas fitur dari versi HTML sebelumnya, yakni HTML 4 dan xHTML.

# Memilih Aplikasi Editor

Untuk membuat kode HTML maupun halaman web sederhana, kita tidak perlu menggunakan aplikasi yang besar dan berat. Aplikasi Notepad bawaan Windows sebenarnya sudah cukup untuk membuat kode HTML. Namun untuk tutorial belajar HTML kali ini saya akan menggunakan aplikasi Notepad++.

1. Text Editor Notepad++

Notepad++ merupakan aplikasi editor text gratis ringan namun memiliki banyak fitur. Salah satunya adalah fitur pewarnaan code (syntax highlighting). Fitur ini akan memudahkan penulisan HTML.

Salah satu alasan menggunakan Text editor Notepad++ adalah aplikasinya ringan dan berukuran kecil. Tapi tidak jarang ada yang protes kenapa tampilannya terkesan “jadul”.

2. Adobe Dreamweaver

Aplikasi Adobe Dreamweaver merupakan aplikasi web editor yang paling populer. Dreamweaver menyediakan fitur melimpah untuk sekedar membuat halaman web dengan kode HTML. Dreamwever tidak hanya sebuah text editor untuk HTML saja, namun juga untuk berbagai bahasa pemrograman web lainnya.

3. Text Editor Komodo Edit

Sebagai alternatif, bisa mencoba Komodo Edit. Komodo Edit merupakan versi ringan dari versi berbayar Komodo IDE juga dikembangkan oleh perusahaan yang sama. Pada saat mengunduh aplikasi ini, pastikan untuk memilih tombol “Download Komodo Edit“, bukan “Try Komodo IDE“.

4. Sublime Text

Saat ini teks editor Sublime Text juga sedang ‘naik daun’ dan sangat populer dipakai. Sublime Text adalah teks editor yang mirip seperti Notepad++ atau Komodo Edit namun dengan fitur lebih banyak.

Baca Juga

Satu-satunya masalah dengan Sublime Text adalah aplikasi ini tidak gratis, berbayar sekitar $80. Di web resminya juga menyediakan versi trial yang bisa di download, tapi terdapat iklan yang cukup menganggu. Selain itu lisensinya mengharuskan membeli versi berbayar.

Apapun text editor yang digunakan, sebenarnya tidak menjadi masalah. Karena selama text editor itu dapat menulis dan menyimpan text, aplikasi tersebut sudah lebih dari cukup sebagai editor HTML. Sebagai alternatif, aplikasi text editor gratis lain yang bisa anda coba adalah (Bracket, Atom, Aptana Studio, Eclipse atau Net Beans).

# Cara Menjalankan File HTML

Untuk memudahkan dalam mengakses file, sebaiknya buat sebuah folder “BelajarHTML” di Drive D. Folder ini akan kita jadikan tempat seluruh halaman HTML yang akan dibuat.
Selanjutnya, buka aplikasi Notepad++, atau aplikasi text editor lainnya, lalu ketik text berikut ini :

Selamat Pagi Dunia, Hello World!

Save teks diatas sebagai hello.html pada folder BelajarHTML. Setelah itu jalankan file hello.html kita dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox (jika anda menggunakan web browser firefox).

File HTML sudah dapat dijalankan, walaupun sebenarnya belum ada satupun kode HTML didalamnya.

Dari percobaan ini kita dapat melihat bahwa setiap halaman HTML harus diakhiri dengan ekstensi .html. Anda mungkin juga akan menemukan beberapa halaman juga memiliki ekstensi .htm, ekstensi ini digunakan untuk mendukung Windows versi lama yang masih menggunakan ekstensi 3 huruf di belakang sebuah file.

Apa yang kita lakukan disini adalah menjalankan file HTML dari komputer lokal. Perhatikan bagian alamat pada web browser, diawali dengan “file:///” lalu diikuti dengan alamat file HTML yang disimpan dalam komputer, misalnya: “D:/BelajarHTML/hello.html“. Artinya, kita tidak mesti online untuk membuat dan menjalankan file HTML.