Apa Itu HTML? HTML, atau Hypertext Markup Language, adalah bahasa dasar yang digunakan untuk membangun struktur konten halaman web. Sebagai sebuah markup language, HTML bukanlah bahasa pemrograman, melainkan bahasa yang menggunakan tanda-tanda (atau tag) untuk mengatur dan memberi arti pada setiap bagian konten. Dengan HTML, kita bisa menginstruksikan browser untuk mengenali bagian-bagian seperti judul, paragraf, tabel, daftar, hingga hyperlink.
Sejarah Singkat HTML HTML pertama kali dikembangkan pada tahun 1989 oleh Tim Berners-Lee. Pada masa itu, internet masih sangat terbatas, dan hanya beberapa instansi pemerintah serta kampus yang memiliki akses ke jaringan ini. Pada saat HTML mulai digunakan pada awal 90-an, ia menjadi alat penting bagi para ilmuwan dan peneliti untuk berbagi informasi teknis dalam bentuk dokumen elektronik. Situs-situs yang ada pada masa itu umumnya berisi pengetahuan teknis dan belum ada platform seperti media sosial atau layanan video.
Fungsi HTML dalam Pengembangan Web HTML adalah salah satu dari tiga komponen utama dalam front-end development, bersama CSS (Cascading Style Sheets) dan JavaScript. HTML menyusun struktur halaman, CSS mengatur tampilan atau desain, dan JavaScript menambahkan interaktivitas. Menariknya, halaman web sederhana sebenarnya bisa dibuat hanya dengan HTML saja, tanpa CSS dan JavaScript, meskipun tampilannya akan sangat sederhana. Sementara CSS atau JavaScript tidak bisa berfungsi tanpa HTML sebagai struktur dasarnya. Karena itu, HTML menjadi langkah pertama yang harus dikuasai oleh semua front-end developer.
Kekuatan Hyperlink dan Awal Terbentuknya Web Salah satu kelebihan utama HTML adalah kemampuannya untuk menghubungkan dokumen-dokumen melalui hyperlink. Dengan hyperlink, pembaca bisa berpindah dari satu halaman ke halaman lainnya hanya dengan satu klik. Jika kita membuat diagram dari banyak halaman HTML yang saling terhubung, diagram ini akan menyerupai jaring laba-laba, yang menjadi cikal bakal konsep World Wide Web atau yang kita kenal sekarang sebagai Web.
Struktur HTML: Tag Pembuka dan Penutup HTML menggunakan tag untuk menandai berbagai bagian konten. Tag ini umumnya terdiri dari pasangan tag pembuka dan penutup yang mengapit konten di antara keduanya. Misalnya, tag <h1> menandai judul utama: <h1>Alice’s Adventures in Wonderland</h1> Di sini, tag <h1> menunjukkan bahwa “Alice’s Adventures in Wonderland” adalah judul utama, dengan tag penutup </h1> sebagai akhir dari elemen judul. HTML menyediakan enam tingkatan judul, dari <h1> hingga <h6>, di mana <h1> adalah judul dengan ukuran font terbesar, sedangkan <h6> adalah yang terkecil.
HTML5: Versi HTML Terbaru yang Mendukung Kode Lama HTML terus berkembang, dan versi terbarunya adalah HTML5. Keistimewaan HTML5 adalah tetap mendukung konten yang ditulis menggunakan versi HTML sebelumnya, memungkinkan semua konten dapat ditampilkan dengan baik pada browser yang lebih modern sekalipun.
Perbandingan Format Teks dan HTML dalam Ebook Sebagai contoh nyata dari penerapan HTML, mari kita bandingkan tampilan ebook dalam format teks dan HTML. Pada ebook teks biasa, seluruh tulisan tampil dalam font yang sama, tanpa perbedaan ukuran, tebal, atau miring. Sedangkan ebook dalam format HTML memungkinkan tampilan yang lebih rapi: judul tampak lebih besar, daftar isi dihubungkan dengan hyperlink, sehingga memudahkan pembaca untuk langsung melompat ke bab tertentu hanya dengan satu klik.
Kesimpulan: HTML, Langkah Awal Menuju Pengembangan Web Bagi pemula di dunia front-end development, HTML adalah fondasi yang harus dikuasai. Sederhana namun esensial, HTML menjadi pondasi untuk melangkah ke pengembangan web yang lebih lanjut dan kompleks.
Contoh Source Code:
Tuliskan code dibawah ini menggunakan program editor (Notepad, Notepad++, Atom, Visual Studio Code, googleidx dll)
<!DOCTYPE html>
<html>
<head>
<title>Contoh Tulisan HTML</title>
</head>
<body>
Halo Smakaters, selamat datang di dunia WEB.
</body>
</html>
Simpan dengan nama index.html
