Pengantar Bahasa Pemograman HTML (WEB)

HTML adalah bahasa yang digunakan untuk membuat halaman web. Bagi yang berkecimpung di dunia perangkat gadget dan ilmu komputer, pasti sudah tidak asing lagi dengan berbagai kode didalamnya. 

HTML adalah singkatan dari Hypertext Markup Language. 
Berbeda dengan orang awam, mungkin hanya mendengar istilah HTML semata tanpa tahu makna pengertian HTML dan kegunaan sebenarnya. Terutama maksud dibalik kode-kode yang tersusun. 

Kode HTML tersebut memastikan format teks dan gambar yang tepat untuk browser internet. Tanpa HTML, browser tidak akan tahu bagaimana menampilkan teks sebagai elemen atau memuat gambar atau elemen lainnya. 

Berikut Pengertian, Sejarah, Fungsi, Manfaat, Kelebihan dan Kekurangan HTML, dan hubungan HTML, CSS, dan JavaSpcript.

A. Apa itu HTML ?

HTML (Hypertext Markup Language) merupakan gabungan dari dua istilah "Hypertext"dan "Markup Language". Apa sih itu ?
Hypertext yaitu dokumen berisi tautan yang memungkinkan pengguna terhubung ke halaman lain. 
Sedangkan Markup Language merupakan bahasa komputer yang terdiri dari sekumpulan kode untuk mengatur struktur dan menyajikan informasi.
Jadi, HTML adalah bahasa markup untuk membuat struktur halaman website. 

Menurut Wikipedia :

HTML(Hypertext Markup Language) adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan diperamban internet. Ini dapat dibantu oleh teknologi seperti CSS(Cascading Style Sheets) dan bahasa scripting seperti JavaSprit dan VBScript.

HTML atau Hypertext Markup Language adalah bahasa markup yang digunakan untuk membuat struktur halaman website agar dapat ditampilkan pada web browser. 

Didalam aplikasi Word Processor kita sering menggunakan menu Bold untuk menebalkan teks, Underline untuk memberi garis bawah pada teks atau italic untuk memiringkan teks. 

HTML mempunyai dua tipe yaitu block level dan inline tags. Elemen block level merupakan elemen yang menggunakan semua space yang ada serta membuat line baru dalam dokumen. Contoh dari elemen ini adalah paragraf dan heading.

Pada elemen block level terdapat tiga tag yang harus dimiliki oleh setiap dokumen. Tiga tag tersebut adalah HTML, Head dan Body. Tag HTML merupakan elemen yang menyertakan HTML pada dokumen. Tag Head berfungsi untuk menyimpan informasi seperti judul dokumen, sementara tag Body berfungsi untuk melampirkan konten dalam dokumen.

Sedangkan elemen inline adalah elemen yang hanya menggunakan space sesuai dengan keperluan saja. Serta tidak membuat line baru dalam dokumen. Elemen ini akan memformat semua isi konten contohnya link. Tag inline digunakan untuk memformat teks baik itu untuk teks tebal, miring atau gars bawah.

Beberapa elemen yang termasuk dalam elemen inline adalah hyperlink. Hyperlink adalah elemen yang mewajibkan adanya tag dan atribut untuk link. Gambar atau image adalah elegem inline yang dapat ditambahkan pada dokumen. Dengan adanya gambar tersebut, tampilan dokumen lebih menarik untuk dibaca.

Selain itu layout dasar sebuah website juga dibuat dengan HTML.

Jadi, HTML dapat dianalogikan sebagai pondasi awal dalam menyusun kerangka halaman web secara terstruktur sebelum membahas terkait tampilan desain dan sisi fungsionalitas.

B. Sejarah HTML 

Sejarah HTML pertama kali dibuat oleh Tim Berners-Lee yang merupakan fisikawan dilembaga penelitian CERN,Swiss. Berners -Lee mempunyai ide atau pemikiran mengenai sistem hypertext berbasis internet.

Sekitar tahun 1991, Tim merilis versi HTML pertama yang didalamnya terdapat 18 tag. Untuk sekarang, HTML mengalami beberapa pengembangan dari sisi fitur serta informasi yang disajikan hingga versi terbaru, yaitu HTML5. 

Setiap tahunnya, bahasa ini mempunyai tingkat popularitas yang cukup tinggi sehingga dijadikan web standart resmi di dunia pemograman. Selanjutnya, HTML juga mengalami tahap perbaikan (maintain) dan dikembangkan oleh World Wide Web Consortium (W3C). 
Pada tahun 2014, merupakan waktu dimana HTML mengalami upgrade yang cukup signifikan dan terdapat fitur semantic untuk memudahkan pengembang website dalam menyusun kode dan memberitahukan makna dari konten tersebut, sebagai contoh <article>, <footer>, dan <header>.

C. Fungsi HTML

Setelah mengenal sejarah singkat dari bahasa markup HTML,selanjutnya kita juga harus mengetahui kegunaannya. 

Berikut ini beberapa fungsi  dari penerapan HTML untuk pembuatan situs atau web app.
Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan diinternet melalui layanan web, menampilkan berbagai informasi didalam sebuah browser Internet dan membuat link menuju halaman web lain dengan kode tertentu (hypertext).

D. Manfaat HTML

Oleh Umi HTML (Hyper Text Markup Language) adalah bahasa markup untuk membuat halaman web. Bahasa markup yaitu bahasa komputer untuk memformat teks dan berbagai media di dalamnya.

Biasanya, HTML didukung dengan bahasa lainnya. Seperti CSS, JS, ataupun bahasa pemrograman lain yang lebih rumit.

Kenapa sih Anda harus belajar coding HTML? Berikut beberapa manfaatnya.

1. Memahami cara kerja website.

Memahami HTML artinya mengetahui fundamental web. Sehingga, lebih mudah untuk  mengembangkan fitur.

2. Membuat landing Page hingga Newsletter sendiri.

Tahu cara memakai HTML /CSS memungkinkan Anda membangun landing page hingga newsletter (Email Marketing) tanpa bergantung template /plugin.

3. Lebih Mudah Belajar Bahasa Pemograman lainnya

Front-end developer biasanya memulai belajar web dari HTML. Sebab, HTML adalah dasar dari berbagai bahasa pemrograman (CSS, JS, PHP, SQL, dll).

4. Membuat Code yang Lebih Rapi

Setelah paham HTML, Anda bisa memodifikasi halaman web ataupun menghapus coding HTML yang menghambat performa website.

5. Jadi Lahan Penghasilan

HTML memungkinkan Anda mampu membuat website, membangun template, dan berbagai karya lain yang banyak orang bersedia beli.

E. Kelebihan dan Kekurangan HTML

Kelebihan dan Kekurangan HTML sama seperti hal teknis lainnya dalam dunia web,bahasa markup ini juga punya kelebihan dan kekurangannya.

Berikut Kelebihan HTML : 

1. Digunakan secara luas dan memiliki      banyak sumber serta komunitas yang besar.
2. Dijalankan secara alami disetiap web browser. 
3. Mudah dipelajari.
4. Open-source dan sepenuhnya gratis. 
5. Rapi dan Konsisten.
6. Menjadi standar resmi web, dikelola oleh(W3c). 
7. Integrasi mudah dengan bahasa backend, seperti PHP dan Node.js.

Kemudian, berikut adalah kekurangan HTML : 

1. Umumnya digunakan untuk halaman web statis. Untuk fitur dinamis,Anda bisa menggunakan  JavaScript atau bahasa backend, seperti PHP. 

2. Tidak bisa menjalankan logic. Alhasil, semua halaman web harus dibuat terpisah meskipun  menggunakan elemen yag sama, seperti header dan footer. 

3. Fitur baru tidak bisa digunakan dengan cepat disebagian browser.

4. Perilaku browser terkadang sulit diprediksi. Misalnya, browser lama tidak selalu bisa merender tag yang lebih baru.

Hubungan HTML, CSS dan JavaScript

Meskipun dinyatakan sebagai bahasa markup yang canggih dan mudah, HTML tidak sepenuhnya bisa membuat website yang profesional dan reponsif.

Bahasa ini hanya bisa digunakan untuk menambah elemen dan struktur konten. Namun disatu sisi, bahasa ini bekerja secara maksimal dengan dua bahasa frontend : CSS (Cascading Style Ssheets) dan JavaScript. 

Jika digabungkan, kedua bahasa frontend ini bisa meningkatkan pengalaman user dan memberikan fungsi yang lebih canggih. CSS erat kaitannya dengan styling, seperti background, warna, layout, spacing, dan animasi. JavaScript memungkinkan Anda menambah fungsionalitas yang dinamis, seperti slider, pop-up dan galeri foto.

Jika digambarkan, berikut perbedaan HTML, CSS dan JavaScript : HTML adalah orang yang tidak mengenakan busana apapun, kemudian CSS adalah bajunya, kemudian JavaScript adalah aktivitas dan sikap orang tersebut.

F. Penutup

Sampai disini, Anda sudah mempelajari apa itu HTML, sejarah , fungsi, manfaat , kelebihan dan kekurangan HTML dan Hubungan HTML CSS dan Javascript.

Anda juga dapat belajar HTML , contoh HTML dan mengenal cara kerjanya HTML. Dokumen HTML merupakan file yang mempunyai HTML. File ini dapat dilihat dengan menggunakan web browser. Dari web tersebut, akan membaca file HTML sehingga konten yang ada dapat dibaca oleh pengguna.

Setiap website mempunyai halaman HTML berbeda-beda. Masing-masing HTML terdiri dari tags atau element yang mengacu pada halaman website building block. Elemen atau tag tersebut dapat membuat dan menyusun konten sehingga menjadi bentuk paragraf, heading, dan konten lainnya.

Bagaimana? Apakah Anda tertarik untuk lebih mendalami seputar apa itu HTML setelah membaca artikel ini?

Penulis : Umi Kalsum (Mahasiswi Kelas 1 G Prodi Sistem Informasi FST UIN Sultan Thaha Saifuddin Jambi)

Sumber : https://id.m.wikipedia.org/wiki/HTML

https://www.hostinger.co.id/tutorial/apa-itu-html