Pengertian HTML dan Contoh Teks Editornya

Tutorial
IDprogrammer IDprogrammer | 15 September 2019
Pengertian HTML dan Contoh Teks Editornya

Pengertian HTML dan Contoh Teks Editornya

Pengertian HTML dan Contoh Teks Editornya

Sebenarnya, HTML bukan sebuah bahasa pemrograman namun merupakan bahasa markup. Dalam HTML tidak ada struktur yang umumnya bisa ditemukan pada bahasa pemrograman seperti LOOP, IF atau variabel sebab HTML hanya bahasa struktur yang berguna untuk memberi tanda di beberapa bagian dari sebuah halaman.

HTML juga sering disebut dengan xHTML yakni singkatan dari extensible Hypertext Markup Language dan menjadi versi lama dari HTML. xHTML ini memakai aturan penulisan yang lebih ketat.

Apa Itu HTML?

html

HTML merupakan singkatan dari Hypertext Markup Language. Ini disebut dengan hypertext sebab dalam HTML, text umumnya bisa memiliki fungsi yang lain seperti membuatnya menjadi link yang bisa pindah dari satu halaman ke halaman lainnya hanya dengan cara klik pada text tersebut dan kemampuan text tersebut yang disebut dengan hypertext meski pada kenyataannya, text memang tidak hanya bisa dijadikan sebagai link.

Ini disebut dengan Markup Language sebab bahasa HTML memakai tanda untuk menandai beberapa bagian dari text. Sebagai contoh, text yang ada di antara sebuah tanda akan menjadi tebal dan jika ada di antara tanda lain akan terlihat besar. Tanda tersebut dikenal dengan nama HTML tag.

Jika anda ingin melihat seperti apa HTML tersebut, anda bisa klik kanan di halaman ini kemudian pilih View Page Source pada browser Mozzila Firefox atau Google Chrome.Nantinya akan ditampilkan halaman baru yakni kode HTML dari halaman ini.

HTML adalah bahasa mendasar dari pembuatan web. Ini disebut dasar sebab ketika membuat web dan jika hanya memakai HTML, maka tampilan web akan terlihat biasa saja. Ada begitu banyak bahasa pemrograman web yang berguna untuk memanipulasi kode HTML seperrti PHP dan juga JavaScript.

Versi Terbaru HTML5

Sekarang ini, ada versi terbaru dari HTML yakni HTML5 yang memiliki beberapa fitur baru namun tetap mengedepankan fitur dari versi HTML sebelumnya yaitu HTML4 dan juga xHTML. File HTML ini harus dijalankan dari aplikasi web browser.

Pengertian Web Browser dan Kaitannya Dengan HTML

Web Browser atau biasa disebut dengan browser merupakan software aplikasi yang berguna untuk menampilkan, menerima serta menerjemahkan informasi yang berasal dari world wide web seperti salah satu informasi yang dibuat dalam bentuk format .html.

Kode HTML yang dibuat nantinya akan diterjemahkan web browser supaya bisa tampil seperti apa yang sudah dirancang. Sebenarnya, semua web browser bisa menampilkan kode HTML dengan baik, akan tetapi jika berbicara tentang desain halaman, maka setip browser tentu memiliki beberapa perbedaan.

HTML memang dirancang serta diatur badan standarisasi dunia khusus  yang menangani web yakni World Wide Web Consortium [W3C]. Ini disebabkan karena masing masing program web browser akan menerjemahkan kode HTML dengan berbeda sehingga dibutuhkan standar yang sama untuk semua browser.

Namun ketika diterapkan, standar tersebut hanya dijadikan sebagai rekomendasi dan beberapa web juga memiliki aturannya masing masing seperti salah satu yang paling terkenal yakni Internet Explorer di sekitar tahun 2000. Hampir sekitar 90% ewb browser yang dipakai ketika itu adalah Internet Explorer dan IE sendiri tidak seluruhnya mengikuti rekomendasi W3C. Sementara untuk web browser Opera mencoba menerapkan standar W3C yang tidak terlalu terkenal. Perbedaan aturan penerjemahan HTML diantara web browser tersebut yang kemudian menjadi tantangan tersendiri bagi para programmer web.

Untuk sekarang, IE tidak lagi sekuat dulu dan sudah dikuasai dengan Mozilla Firefox dan juga Google Chrome yakni menguasai sekitar 50%. IE sudah berusaha menerapkan standar W3C termasuk pada web beowser terbaru mereka yakni Microsoft Edge.

Cara Memilih Aplikasi Editor HTML

Untuk membuat kode HTML, nantinya anda membutuhkan aplikasi text editor dan memilih aplikasi editor HTML juga cukup mudah. Aplikasi editor HTML dipakai untuk memudahkan anda ketika membuat kode HTML dan HTML sendiri hanyalah text biasa yang ditulis dalam kode khusus.

Nantinya, web browser lain akan menerjemahkan kode HTML tersebut menjadi tampilan halaman web. Berikut ini adalah beberapa aplikasi editor HTML yang bisa anda gunakan.

1. Text Editor Notepad++

notepad++

Aplikasi Notepad++ ini bisa anda download dengan gratis di http://notepad-plus-plus.org/download/ yang merupakan versi terakhir berukuran sekitar 2.8 MB.

Notepad++ ini adalah aplikasi editor text gratis yang ringan namun mempunyai fitur yang lengkap seperti salah satunya adalah fitur pewarnaan code yang akan memudahkan anda menulis HTML.

2. Text Editor Komodo Edit

komodo edit

Aplikasi berikutnya adalah Text Editor Komodo Edit yang bisa anda download secara gratis di http://komodoide.com/komodo-edit/ dengan ukuran sekitar 75 MB.

Komodo Edit ini adalah versi ringan dari versi berbayar Komodo IDE. Ketika anda membuka halaman tersebut, maka pastikan anda memilih tombol Download Komodo Edit dan bukan Try Komodo IDE.

3. Adobe Dreamweaver

adobe dreamweaver

Adobe Dreamweaver adalah aplikasi web editor yang juga populer dan menyediakan banyak fitur untuk membuat halaman web dengan kode HTML. Adobe Dreamveawer tidak hanya text editor untuk HTML namun juga bisa digunakan untuk banyak bahasa pemrograman web yang lainnya.

Adobe Dreamweaver ini bisa anda dapatkan hanya dengan cara berlangganan per bulan sekitar Rp.193.000. Adobe Dreamweaver ini lebih sesuai digunakan jika anda memang sudah paham tentang kode program dan tentunya sudah bisa membeli versi original.

4. Sublime Text

sublime text

Sekarang ini, Sublime Text juga sedang populer digunakan yakni teks editor yang serupa dengan Notepad++ atau Komodo Edit akan tetapi dengan kelebihan lain yakni fitur yang lebih banyak.

Namun sayangnya, aplikasi Sublime Textini tidaklah gratis sebab anda perlu membayar sekitar $80. Pada web resmi juga disediakan versi trial yang bisa anda download meski memang akan ada iklan yang sedikit mengganggu. Selain itu, lisensinya juga membeli versi yang berbayar jika memang anda ingin terus menggunakannya.

Cara Menjalankan File HTML

menjalankan file html

Untuk memudahkan ketika mengakses file, sebaiknya buatlah folder di Drive D yang nantinya akan dijadikan tempat semua halaman HTML yang akan dibuat. Sesudah itu, silahkan anda buka aplikasi text editor anda kemudian ketik text Selamat Pagi Dunia, Hello World! Lalu save sebagai hello.html dengan cara double klik pada file tersebut atau juga bisa klik kanan kemudian Open With dan pilih Firefox jika web browser yang anda pakai adalah firefox.

Dengan melakukan ini, maka file HTML anda sudah bisa berjalan meski belum ada kode HTML apapun didalamnya. Pada percobaan tersebut, anda akan melihat jika laman HTML harus selalu diakhiri dengan ekstensi .html dan mungkin anda juga akan menemukan ekstensi .htm yang dipakai untuk mendukung Windows versi lama yang masih memakai ekstensi 3 huruf di bagian belakang file.

Demikian ulasan dari kami kali ini tentang pengertian HTML lengkap dengan cara menjalankan file HTML, cara memilih aplikasi editor HTML secara lengkap untuk anda. Semoga bisa menambah wawasan anda seputar HTML.

IDprogrammer IDprogrammer | 15 September 2019
Related article

Jika Ada Pertanyaan, Silahkan Menghubungi Kami

Untuk respon lebih cepat silahkan menghubungi kami melalui whatsapp !

WhatsApp