Apa itu HTML? Lihat Sejarah, Fungsi dan Cara kerjanya

(NongkiNgopi.com) HTML () adalah bahasa deskripsi halaman yang digunakan untuk membuat dan mendesain halaman web. HTML terdiri dari sekumpulan elemen, atau tag, yang menentukan struktur, tampilan, dan perilaku halaman web. Dalam HTML, elemen dan tag digunakan untuk menandai bagian mana pun dari konten halaman web, termasuk teks, gambar, audio, video, tautan, dll. Ini memungkinkan browser web untuk menafsirkan dan menampilkan halaman web dengan benar. HTML adalah salah satu teknologi inti untuk membangun situs web dan situs .  

Sejarah HTML

Pertama kali diperkenalkan pada tahun 1989 oleh ilmuwan komputer (Organisasi Eropa untuk Riset Nuklir) Tim Berners-Lee. HTML dikembangkan sebagai bagian dari proyek World Wide Web (WWW), yang bertujuan untuk mempermudah berbagi dan mengakses informasi melalui Internet. 

Versi awal HTML sangat sederhana, hanya mendukung sejumlah kecil elemen seperti teks, gambar, tautan, dan daftar. Namun, HTML terus berkembang seiring kemajuan teknologi Web. Pada tahun 1991, versi resmi HTML pertama diterbitkan, mendukung tabel dan formulir.  

Kemudian, World Wide Web Consortium (W3C), organisasi internasional yang bertanggung jawab untuk mengembangkan standar web, terus memperbarui dan menyempurnakan versi HTML. Setiap versi HTML menyertakan beberapa peningkatan dan fitur baru, sepertI Dukungan untuk CSS (Cascading Style Sheets), JavaScript, dan multimedia. 

Versi HTML yang paling baru adalah HTML5, yang diperkenalkan pada tahun 2014 dan menyediakan lebih banyak fitur dan kemampuan daripada versi sebelumnya. HTML5 juga menghilangkan beberapa elemen yang sudah tidak digunakan lagi, seperti tag <center>, dan menambahkan elemen baru, seperti <video>, <audio>, dan <canvas>.

Di masa lalu, HTML adalah teknologi inti untuk mengembangkan situs web dan situs web modern. Meskipun HTML telah berkembang dari waktu ke waktu, itu masih merupakan bahasa markup yang paling penting dan banyak digunakan di dunia. 

Fungsi HTML

HTML (Hypertext Markup Language) memiliki beberapa fungsi dalam pengembangan web, antara lain: 

1. Menentukan struktur situs web: HTML digunakan untuk mendefinisikan struktur atau kerangka halaman web. Ini termasuk elemen tag seperti header, footer, sidebar, konten utama, dan lainnya untuk membuat halaman lebih mudah dibaca dan dipahami oleh mesin telusur dan pengguna. 
2. Pemformatan tampilan situs web: HTML juga digunakan untuk mendesain tampilan halaman web. Dalam HTML, Anda dapat menentukan ukuran, warna, font, dan gaya teks lainnya serta elemen lain di halaman web. 
3. Menampilkan gambar dan media: HTML mendukung tampilan gambar dan media seperti audio dan video pada halaman web. Anda dapat menambahkan gambar dan media ke halaman web menggunakan tag khusus dalam kode HTML. 
4. Menentukan tautan dan navigasi: HTML digunakan untuk menentukan link dan navigasi pada halaman web. Anda dapat menambahkan tautan ke situs web lain atau ke bagian yang sama dari situs web yang sama. 
5. Meningkatkan aksesibilitas: HTML dapat digunakan untuk meningkatkan aksesibilitas situs web dengan menambahkan atribut dan tag yang tepat. Ini termasuk atribut untuk gambar dan media alternatif, tag untuk tabel yang terstruktur dengan baik, dan tag untuk konten yang didesain untuk pembaca layar. 
6. Tingkatkan pengoptimalan mesin telusur: HTML juga dapat digunakan untuk meningkatkan SEO (pengoptimalan mesin telusur) situs web dengan menambahkan kolom deskripsi dan tag judul yang sesuai. Ini dapat membantu mesin telusur memahami situs Anda dan menampilkannya di hasil penelusuran. 

Secara umum, HTML sangat penting saat membangun situs web dan dapat membantu meningkatkan pengalaman pengguna, aksesibilitas, dan visibilitas di mesin telusur. 

Cara kerja HTML

erikut adalah cara kerja HTML dalam membuat halaman web:

1. Struktur dasar HTML: Setiap halaman web yang dibuat menggunakan kode HTML harus dimulai dengan tag HTML dan diakhiri dengan tag HTML yang sama. Tag HTML ini menunjukkan bahwa konten di antara tag tersebut adalah kode HTML. 
2. Struktur halaman: Struktur halaman web ditentukan dengan tag HTML seperti <head>, <title>, <body>, dan <div>. Tag <head> digunakan untuk menyertakan informasi penting tentang halaman web seperti judul, deskripsi, dan meta tag. Tag <title> digunakan untuk menentukan judul halaman web. Tag <Body> Digunakan untuk menentukan konten utama halaman web. Tag digunakan untuk membuat konten yang dapat ditata atau ditata dengan CSS. 
3. Teks dan gambar: Teks dan gambar dapat ditambahkan ke halaman web dengan tag HTML seperti <p>, <h1>, <img>, dan <a>. Tag <p> digunakan untuk menampilkan paragraf teks, sementara tag <h1> hingga <h6> digunakan untuk menampilkan judul atau subjudul dengan ukuran dan gaya yang berbeda.Tag <img> digunakan untuk menampilkan gambar, dan tag <a> digunakan untuk membuat tautan ke halaman web lain atau ke bagian yang sama di halaman web yang sama.
4. Audio dan video: Audio dan video dapat ditambahkan ke halaman web dengan tag HTML seperti <audio> dan <video>. Tag ini memungkinkan pengguna untuk memutar file audio dan video langsung di halaman web.
5. Tabel dan formulir: Tabel dapat dibuat dengan tag HTML seperti <table>, <tr>, <th>, dan <td>. Tag-form tag HTML seperti <form>, <input>, <textarea>, dan <button> dapat digunakan untuk membuat formulir yang memungkinkan pengguna untuk memasukkan data atau mengirim pesan ke situs web.
6. Tautan: Tautan dapat ditambahkan ke halaman web dengan tag <a> dan atribut href. Atribut href menentukan alamat URL halaman web tujuan.

Singkatnya, HTML mengatur konten halaman web dan menentukan struktur dan kontennya. Ini memungkinkan pengembang web untuk membuat halaman web yang dapat dibaca dan dipahami oleh browser dan mesin pencari.

Contoh Sederhana Program HTML

<!DOCTYPE html>
<html>
<head>
	<title>Contoh Halaman Web</title>
</head>
<body>
	<h1>Selamat Datang di Halaman Web Saya</h1>
	<p>Ini adalah contoh halaman web yang dibuat dengan HTML.</p>
	<img src="gambar.jpg" alt="Gambar Contoh">
	<p>Untuk informasi lebih lanjut, silakan kunjungi <a href="https://www.example.com">www.example.com</a>.</p>
</body>
</html>

Penjelasan :

• <!DOCTYPE html> menunjukkan jenis dokumen HTML yang digunakan, yaitu HTML5.
• <html> menandai awal dan akhir dari dokumen HTML.
• <head> berisi informasi tentang dokumen HTML, seperti judul halaman yang ditampilkan di tab browser.
• <title> menentukan judul halaman yang ditampilkan di tab browser.
• <body> berisi konten utama halaman web.
• <h1> menampilkan judul utama halaman web dengan ukuran teks yang besar.
• <p> menampilkan paragraf teks.
• <img> menampilkan gambar, dengan atribut src menunjukkan lokasi file gambar dan atribut alt menentukan teks alternatif yang akan ditampilkan jika gambar gagal dimuat.
• <a> membuat tautan ke halaman web lain, dengan atribut href menentukan alamat URL halaman web tujuan.

Jadi, HTML Adalah…

Di atas, Anda telah mempelajari apa itu HTML, apa artinya, dan cara kerjanya.

HTML adalah bahasa markup, bukan bahasa pemrograman, dan tidak dapat membuat fungsi dinamis. Bahasa markup ini memungkinkan pengguna untuk mengatur dan memformat dokumen secara statis, seperti halnya Microsoft Word.

Berdasarkan cara kerja HTML, Anda dapat menggunakannya untuk menyusun konten di situs web dan situs web (dengan pengkodean sederhana).

HTML adalah level terendah dari teknologi antarmuka pengguna, dan berfungsi sebagai dasar untuk penataan gaya yang dapat Anda tambahkan dengan CSS dan fungsi yang dapat Anda panggil dengan JavaScript.