Pengertian HTML
HTML atau HyperText Markup Language adalah bahasa markup yang digunakan untuk membuat struktur halaman website agar dapat ditampilkan melalui web browser.
HTML bukan bahasa pemrograman penuh seperti JavaScript atau Python. HTML lebih berperan sebagai bahasa penanda yang memberi tahu browser bagian mana yang merupakan judul, paragraf, tautan, gambar, daftar, tabel, formulir, dan elemen lainnya.
Versi HTML yang digunakan secara modern adalah HTML5. Versi ini mendukung struktur dokumen yang lebih baik serta elemen multimedia seperti audio, video, dan elemen semantik.
Sejarah HTML
HTML pertama kali diperkenalkan oleh Tim Berners-Lee pada akhir 1980-an sebagai bagian dari perkembangan World Wide Web. HTML kemudian terus dikembangkan agar mampu memenuhi kebutuhan halaman web yang semakin kompleks.
Fungsi HTML
HTML berfungsi untuk menyusun komponen utama halaman web. Browser membaca kode HTML, lalu menerjemahkannya menjadi tampilan visual yang dapat dilihat dan digunakan oleh pengguna.
Beberapa hal yang dapat dibuat menggunakan HTML:
- Membuat judul dan heading.
- Menampilkan paragraf dan teks.
- Membuat teks tebal, miring, atau diberi penekanan.
- Menambahkan gambar.
- Membuat tautan ke halaman lain.
- Membuat tabel dan daftar.
- Membuat formulir input.
- Menambahkan audio dan video.
Referensi tambahan: baca tentang HTML .
Web Browser
Web browser adalah aplikasi yang digunakan untuk membuka dan menampilkan halaman website. Contoh browser adalah Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, dan Opera.
Saat sebuah file HTML dibuka, browser akan membaca tag dan struktur HTML di dalamnya, lalu menampilkan hasilnya sebagai halaman web.
Tag HTML
Tag HTML adalah penanda yang ditulis menggunakan kurung sudut. Umumnya tag memiliki tag pembuka dan tag penutup.
<p>Ini adalah isi paragraf.</p>Pada contoh di atas, <p> adalah tag pembuka, sedangkan </p> adalah tag penutup.
- Tag pembuka menandai awal elemen.
- Tag penutup menandai akhir elemen.
- Isi elemen berada di antara tag pembuka dan tag penutup.
Dasar-Dasar HTML
Struktur Dokumen HTML
Dokumen HTML biasanya dimulai dengan deklarasi <!DOCTYPE html>. Deklarasi ini memberi tahu browser bahwa dokumen menggunakan HTML5. Bagian yang ditampilkan pada halaman web berada di dalam tag <body>.
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Judul Halaman</title>
</head>
<body>
<h1>Halo Dunia</h1>
<p>Ini adalah halaman HTML pertama saya.</p>
</body>
</html>Heading
Heading digunakan untuk membuat judul dan subjudul. HTML memiliki heading dari <h1> sampai <h6>.
<h1>Judul Utama</h1>
<h2>Subjudul</h2>
<h3>Bagian Kecil</h3>Paragraf
Paragraf dibuat menggunakan tag <p>.
<p>Ini adalah paragraf pertama.</p>
<p>Ini adalah paragraf kedua.</p>Tautan
Tautan dibuat menggunakan tag <a> dengan atribut href. Atribut href berisi URL atau alamat tujuan tautan.
<a href="https://www.google.com">Buka Google</a>Gambar
Gambar ditampilkan menggunakan tag <img>. Tag ini menggunakan atribut seperti src untuk menentukan lokasi gambar, alt untuk deskripsi gambar, width untuk lebar gambar, dan height untuk tinggi gambar. Tag ini termasuk elemen kosong karena tidak membutuhkan tag penutup.
<img src="gambar.jpg" alt="Deskripsi gambar">Tombol
Tombol dapat dibuat menggunakan tag <button>.
<button>Klik Saya</button>Daftar
Daftar dapat dibuat menggunakan <ul> untuk daftar tidak berurutan (unordered list) dan <ol> untuk daftar berurutan (ordered list), serta <li> untuk setiap item dalam daftar.
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>Elemen Kosong
Elemen kosong adalah elemen HTML yang tidak memiliki isi dan tidak memakai tag penutup. Contohnya adalah <br> dan <img>.
Baris pertama<br>
Baris kedua
<img src="foto.jpg" alt="Foto profil">Selesai