Mengenal HTML

Mengenal HTML

Apa Itu HTML?

HTML (Hypertext Markup Language) adalah bahasa yang digunakan untuk membuat dan mengatur halaman web. Bayangkan HTML seperti kerangka atau bingkai dari sebuah rumah. Tanpa kerangka ini, halaman web tidak akan punya struktur yang jelas.

Sejarah HTML (Hypertext Markup Language) mencerminkan evolusi web dari konsep awal ke standar yang ada saat ini. Berikut adalah garis besar perkembangan HTML:

1. Awal Mula (1989-1990)

Tim Berners-Lee: Pada tahun 1989, Tim Berners-Lee, seorang ilmuwan komputer asal Swiss, mengusulkan konsep World Wide Web (WWW). Ide ini melibatkan penggunaan hypertext untuk menghubungkan dokumen melalui jaringan.
Proposal HTML Pertama (1990): Berners-Lee menulis proposal pertama tentang HTML sebagai bagian dari ide WWW-nya. Proposal ini mencakup struktur dasar dan prinsip-prinsip dasar HTML.

2. HTML 1.0 (1991)

Rilis HTML 1.0: Versi pertama HTML secara resmi dirilis pada tahun 1991. Ini adalah bahasa markup dasar yang memungkinkan pembuatan dokumen web dengan tag-tag sederhana untuk struktur teks dan link.

3. HTML 2.0 (1995)

Standarisasi oleh IETF: HTML 2.0 dirilis pada tahun 1995 dan disetujui oleh Internet Engineering Task Force (IETF). Versi ini memperkenalkan fitur tambahan seperti formulir dan tabel, serta memperbaiki beberapa kekurangan dari HTML 1.0.

4. HTML 3.2 (1997)

Perkembangan lebih lanjut: HTML 3.2 diperkenalkan oleh World Wide Web Consortium (W3C) pada tahun 1997. Versi ini menambahkan dukungan untuk gaya CSS (Cascading Style Sheets), scripting (JavaScript), dan elemen-elemen seperti tabel dan frame.

5. HTML 4.0 (1999)

HTML 4.0 dan Perbaikan Struktur: HTML 4.0, dirilis pada tahun 1999, membawa perubahan besar dengan penekanan pada pemisahan konten dari presentasi melalui CSS. HTML 4.0 juga memperkenalkan konsep XML untuk mendukung berbagai format dokumen.

6. HTML 4.01 (2000)

Penyempurnaan HTML 4.0: HTML 4.01 dirilis pada tahun 2000 sebagai revisi dari HTML 4.0 dengan perbaikan minor dan penyempurnaan.

7. HTML5 (2008-2014)

Evolusi HTML5: HTML5 dimulai sebagai proyek pada tahun 2008 dan menjadi standar resmi pada tahun 2014. HTML5 memperkenalkan banyak fitur baru, termasuk elemen video dan audio, canvas untuk grafik dinamis, dan API untuk aplikasi web. HTML5 bertujuan untuk mengurangi ketergantungan pada plugin eksternal seperti Flash dan memberikan cara yang lebih semantik untuk menyusun konten web.

8. HTML5.1 dan HTML5.2 (2016-2017)

Penyempurnaan dan Fitur Tambahan: Setelah HTML5 diratifikasi, W3C terus mengembangkan versi lanjutan, seperti HTML5.1 (2016) dan HTML5.2 (2017), yang menambahkan fitur tambahan dan perbaikan.

9. HTML Living Standard (2021-sekarang)

Standar Hidup: Saat ini, HTML berada di bawah pengembangan sebagai "HTML Living Standard" yang dikelola oleh WHATWG (Web Hypertext Application Technology Working Group). Ini adalah versi berkelanjutan dari HTML yang selalu diperbarui dengan fitur baru dan perbaikan.

HTML telah berkembang pesat sejak awalnya, dan saat ini menjadi fondasi utama untuk pengembangan web modern. Dengan adanya HTML5 dan spesifikasi terbaru, HTML terus beradaptasi dengan kebutuhan teknologi web yang berkembang.

Bagaimana HTML Bekerja?

HTML menggunakan "tag" untuk memberi tahu browser (seperti Google Chrome atau Firefox) bagaimana menampilkan konten. Tag ini seperti petunjuk atau instruksi untuk browser. Berikut adalah beberapa tag HTML yang sering digunakan:

Tag Dokumen

<!DOCTYPE html>: Memberitahu browser bahwa dokumen ini adalah halaman web HTML5.

Tag Utama

<html>: Tag ini adalah "rumah" untuk seluruh konten halaman web. Semua tag lain berada di dalam tag ini.

Contoh :

<html>

</html>

(Head)

<head>: Berisi informasi tentang halaman, seperti judul halaman

Contoh :

<head>

<title>Judul Halaman</title>

</head>

Head)

<head>: Berisi informasi tentang halaman, seperti judul halaman

Contoh :

<head>

<title>Judul Halaman</title>

</head>

Bagian Tubuh (Body)

<body>: Tempat semua konten yang terlihat di halaman web, seperti teks dan gambar.

Contoh :

<body>

<h1>Selamat Datang!</h1>

<p>Ini adalah paragraf pertama.</p>

</body>

Bagian Tubuh (Body)

<body>: Tempat semua konten yang terlihat di halaman web, seperti teks dan gambar.

Contoh :

<body>

<h1>Selamat Datang!</h1>

<p>Ini adalah paragraf pertama.</p>

</body>

Teks dan Paragraf

<p>: Digunakan untuk menulis paragraph

Contoh :

<p>Ini adalah paragraf.</p>

Judul

<h1> hingga <h6>: Digunakan untuk menulis judul dengan berbagai ukuran. <h1> adalah yang terbesar, dan <h6> adalah yang terkecil.

Contoh :

<h1>Judul Utama</h1>

<h2>Subjudul</h2>

Link

<a>: Membuat tautan (link) yang bisa mengarah ke halaman lain

Contoh :

<a href="https://www.example.com">Kunjungi Example.com</a>

Gambar

<img>: Menyisipkan gambar di halaman web

Contoh :

Daftar List

<ul>: Daftar tanpa urutan (misalnya, menggunakan bullet points).
<ol>: Daftar berurutan (misalnya, menggunakan nomor).
<li>: Item dalam daftar

Contoh :

<ul>

<li>Item pertama</li>

<li>Item kedua</li>

</ul>

Tabel

<table>: Membuat tabel.
<tr>: Baris dalam tabel.
<td>: Sel dalam tabel.
<th>: Sel header dalam tabel

Contoh :

<table>

<tr>

<th>Kolom 1</th>

<th>Kolom 2</th>

</tr>

<tr>

</tr>

</table>

Formulir

<form>: Membuat formulir untuk input data dari pengguna.
<input>: Menyediakan kotak input.
<button>: Menambahkan tombol

Contoh :

<form>

<button type="submit">Kirim</button>

</form>

HTML sangat penting karena memberikan struktur untuk halaman web. Tanpa HTML, kita tidak bisa membuat halaman web dengan format yang kita inginkan. Seiring waktu, HTML terus berkembang untuk menambahkan fitur-fitur baru agar lebih berguna.