HTML: Pengertian, Fungsi, Kelebihan dan Kelemahannya
HTML adalah salah satu pengetahuan yang harus kamu miliki jika ingin mengembangkan suatu _website_. Pasalnya, bahasa _markup_ ini yang digunakan dalam penyusunan format atau _template_ halaman pada sebuah _website_.
Pada ulasan kali ini, kami akan mengajak kamu untuk berkenalan lebih dekat dengan bahasa _markup_ standar ini. Langsung saja, ikuti penjelasan lengkapnya di bawah ini!
## Apa Itu HTML?
HTML adalah singkatan dari _Hypertext Markup Language_, sebuah bahasa _markup_ standar yang biasanya digunakan untuk membuat halaman _website_. Kamu dapat menggunakan bahasa pemrograman ini untuk membuat paragraf, _heading_, maupun _link_ di halaman _website_ kamu.
Jadi, dapat dikatakan bahwa HTML merupakan pondasi awal dalam pengembangan suatu _website_ dan berhubungan dengan desain maupun fungsi elemen di halaman _website_ terkait.
## Fungsi HTML
HTML memiliki 3 fungsi utama dalam pengembangan _website_,yaitu:
### 1\. Membuat Halaman Website
Fungsi utama dari bahasa HTML adalah untuk pembuatan halaman _website_. Melalui bahasa ini, maka kamu akan dapat mengatur dan menyusun elemen di halaman _website_ yang kamu bangun.
### 2\. Sebagai Bahasa Dasar Website
Semua _website_ tentunya memiliki sejumlah fitur yang mempermudah pengelolaan atau pengaturan perilaku _website_, proses desain _website_ menggunakan CSS, dan lainnya.
Semua fitur tersebut umumnya menggunakan sejumlah bahasa pemrograman. Untuk dapat mengimplementasikan bahasa tersebut, sebuah _website_ harus memiliki bahasa _markup_ ini sebagai dasarnya.
### 3\. Menandai Teks pada Halaman Website
Fungsi lainnya dari bahasa _markup_ ini adalah untuk penulisan di halaman _website_ dengan menggunakan simbol atau _tag_ tertentu. Simbol dan _tag_ ini biasanya menampilkan teks menjadi bentuk tertentu, seperti tebal, miring, bergaris, dan lainnya.
Sebagai contoh, jika kamu ingin membuat teks di suatu halaman website menjadi teks miring atau _italic,_ maka kamu harus menulis kode HTML dengan kode _\_ di halaman tersebut.
## Kelebihan dan Kekurangan HTML
Bahasa _markup_ ini memiliki kelebihan dan kekurangannya tersendiri, yakni:
### A. Kelebihan
* Dapat diintegrasikan dengan CSS, Javascript, dan Jquery.
* _Tag_ cenderung lebih mudah untuk dipahami dan diingat.
* Sebagian besar _browser_ mendukung bahasa ini.
* _Size_ HTML termasuk sangat ringan dan cepat.
* Bahasa pemrograman ini bersifat terbuka dan gratis, sehingga kamu dapat memodifikasinya secara bebas.
### B. Kekurangan
* Tidak cukup untuk membuat tampilan _website_ menjadi dinamis.
* Tingkat keamanan bahasa pemrograman ini termasuk rentan dan lemah.
## Element dan Atribut
Bahasa HTML terdiri dari _tag_, elemen, dan atribut. Pada awal perilisannya di tahun 1991, bahasa _markup_ ini hanya memiliki 18 _tags_. Namun, saat ini telah memiliki lebih dari 250 _tags_ dan sejumlah elemen dan atribut, seperti berikut:
### 1\. Tags
_Tags_ adalah tanda awal dan akhir dalam sebuah perintah yang dapat dibaca oleh _browser_. Umumnya, _tag_ dibuat dengan menggunakan format kurung siku terbuka, seperti \<...>. Dalam implementasinya, _webmaster_ dapat menambahkan nama pada bagian dalam kurung siku tersebut.
Fungsi utama dari _tag_ sendiri bervariasi, bergantung pada perintahnya. Misalnya, jika kamu ingin membuat teks dengan format miring, maka kamu dapat menambahkan tag \ pada baris bahasa HTML dari teks tersebut.
Meskipun jumlah _tags_ terbilang sangat banyak, namun kamu tidak harus menghafal semuanya. Dalam hal ini, kamu hanya perlu menghafal beberapa _tag_ dasar yang paling sering digunakan, yang meliputi:
### 2\. Elemen
Elemen adalah bagian yang memuat keseluruhan kode _tag_ pembuka dan penutup. Adapun contohnya seperti \belajar html\ .
Pada banyak _case_, atribut juga ditambahkan ke elemen. Sebagai contoh, \
| Jenis Tag | Fungsi |
| <html> | Untuk pembuatan halaman HTML yang memuat semua konten dan elemen. |
| <head> | Untuk pembuatan elemen yang memuat tampilan deskripsi, yang muncul di SERP Google, style content CSS, dan lainnya. |
| <title> | Pembuatan judul. |
| <body> | Untuk pembuatan bagian atau badan teks dari halaman website. |
| <h1>, <h2> dan seterusnya. | Untuk pembuatan heading pada artikel. |
| <p> | Pembuatan paragraf. |
| <!--> | Untuk pembuatan komentar. |
Selamat malam!\
. Pada elemen di atas, terdapat 1 elemen \dengan atribut align=”center” dan juga isi teks berupa "selamat malam!". Elemen sendiri tidak selalu berisi teks, namun terkadang juga berisi elemen lainnya. Di kalangan _web developer_, hal tersebut disebut dengan istilah "elemen di dalam elemen" atau _nested element._ Adapun contoh penerapan _nested element_ ini adalah sebagai berikut: \ \
\Sebagai heading\
\Sebagai paragraf pertama artikel.\
\ \ Dari contoh sebelumnya, kamu akan dapat melihat bahwa tag pembuka \ dan _tag_ \ berisi elemen _tag heading_ dan _tag_ paragraf. ### 3\. Atribut Atribut adalah kata _spesifik_ yang berada di dalam _tag_ pembuka. Pada dasarnya, atribut ini memiliki fungsi untuk menentukan maksud dari elemen. Dalam implementasinya, atribut pada dasarnya dapat ditambahkan pada elemen HTML apapun. Bahkan, terdapat beberapa elemen yang mewajibkan penggunaan atribut, seperti \, \