Pengertian HTML?
HTML adalah singkatan dari HyperText Markup Language, yaitu bahasa markup yang digunakan untuk membuat dan menyusun struktur halaman web.
Bahasa markup tidak termasuk bahasa pemrograman karena tidak memiliki logika seperti perulangan atau kondisi. HTML hanya berfungsi untuk menentukan struktur dan konten halaman web, seperti judul, paragraf, gambar, link, tabel, dan lainnya.
Contoh:
<html>
<head>
<title>Website Pertamaku</title>
</head>
<body><h1>Halo Dunia</h1>
<p>Ini adalah halaman web pertama saya.</p>
</body>
</html>
Fungsi HTML
HTML memiliki beberapa fungsi penting dalam pembuatan website, di antaranya:
1. Membuat Struktur Halaman Website
HTML digunakan untuk membuat struktur dasar sebuah halaman web seperti:
Heading (judul)
Paragraf
Gambar
Link
Tabel
Form
Dengan HTML, konten website dapat tersusun dengan rapi dan mudah dipahami oleh browser.
2. Menampilkan Konten di Browser
HTML digunakan untuk menampilkan berbagai jenis konten di halaman web seperti teks, gambar, video, dan audio.
Browser seperti Chrome, Firefox, atau Safari akan membaca kode HTML lalu menampilkannya sebagai halaman web.
3. Menghubungkan Halaman Website
HTML memungkinkan kita membuat link antar halaman menggunakan tag <a>.
Contoh:
Dengan link tersebut, pengguna bisa berpindah dari satu halaman ke halaman lainnya.
4. Mengintegrasikan CSS dan JavaScript
HTML juga berfungsi sebagai penghubung dengan teknologi web lainnya seperti:
CSS → untuk desain dan tampilan
JavaScript → untuk interaksi dan logika website
Contohnya:
<link rel=“stylesheet” href=“style.css”>
<script src=“script.js”></script>
Cara Kerja HTML
Cara kerja HTML sebenarnya cukup sederhana. Berikut alurnya:
1. Developer Menulis Kode HTML
Developer membuat file HTML menggunakan text editor seperti:
VS Code
Sublime Text
Notepad++
File tersebut biasanya disimpan dengan ekstensi .html.
Contoh:index.html
2. Browser Membaca Kode HTML
Saat file HTML dibuka di browser, browser akan membaca setiap tag HTML yang ada di dalam file tersebut.
Tag HTML biasanya ditulis seperti ini:
Contoh:
<p>Ini paragraf.</p>
3. Browser Menampilkan Halaman Web
Setelah membaca struktur HTML, browser akan merender (rendering) kode tersebut menjadi tampilan visual yang bisa dilihat oleh pengguna.
Inilah yang akhirnya kita lihat sebagai website.
Struktur Dasar HTML
Berikut adalah struktur dasar HTML yang wajib diketahui pemula:
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Judul</h1>
<p>Isi konten website.</p>
</body>
</html>
Penjelasan:
<!DOCTYPE html>→ memberi tahu browser bahwa ini adalah HTML5<html>→ elemen utama HTML<head>→ berisi informasi halaman<title>→ judul halaman di tab browser<body>→ berisi semua konten yang tampil di website
Contoh Penggunaan HTML Sederhana
Berikut contoh halaman web sederhana menggunakan HTML:
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Belajar HTML untuk Pemula</h1>
<p>HTML adalah dasar dari semua website di internet.</p>
<a href=“#”>Klik di sini</a>
</body>
</html>
Saat kode ini dibuka di browser, kamu akan melihat halaman web sederhana dengan judul, paragraf, dan link.
Kesimpulan
HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman website. Dengan HTML, developer dapat menampilkan berbagai jenis konten seperti teks, gambar, dan link di dalam browser.
HTML bekerja dengan cara dibaca oleh browser, lalu diubah menjadi tampilan halaman web yang dapat dilihat oleh pengguna. Untuk membuat website yang lebih menarik dan interaktif, HTML biasanya digunakan bersama CSS dan JavaScript.
Bagi pemula yang ingin belajar web development, memahami HTML adalah langkah awal yang sangat penting sebelum mempelajari teknologi web lainnya.
Baca Artikel Lain: Tutorial Git Dasar dan Cara Menggunakan Git untuk Pemula
