Pendahuluan
Pengertian HTML
Perkembangan teknologi informasi membuat website menjadi salah satu media digital yang paling banyak digunakan dalam berbagai bidang, seperti pendidikan, bisnis, hiburan, dan komunikasi. Dalam proses pembuatan website, terdapat beberapa teknologi dasar yang wajib dipahami oleh seorang pengembang web, salah satunya adalah HTML. HTML merupakan fondasi utama dalam membangun sebuah halaman website karena berfungsi untuk menyusun struktur dan isi halaman web.
Bagi mahasiswa yang ingin belajar membuat website, memahami HTML adalah langkah pertama yang sangat penting sebelum mempelajari CSS, JavaScript, maupun framework modern lainnya. Dengan HTML, seseorang dapat membuat halaman sederhana yang berisi teks, gambar, tabel, tautan, hingga formulir interaktif.
Artikel ini akan membahas pengertian HTML, fungsi HTML, struktur dasar dokumen HTML, serta contoh penggunaannya dalam pembuatan website sederhana.
HTML adalah singkatan dari HyperText Markup Language, yaitu bahasa markup yang digunakan untuk membuat struktur halaman website. HTML bukan bahasa pemrograman, melainkan bahasa penanda yang digunakan untuk mengatur elemen-elemen pada halaman web agar dapat ditampilkan oleh browser seperti Google Chrome, Mozilla Firefox, dan Microsoft Edge.
HTML pertama kali dikembangkan oleh Tim Berners-Lee pada tahun 1991 dan terus mengalami perkembangan hingga versi terbaru yaitu HTML5.
Fungsi HTML
HTML memiliki beberapa fungsi utama dalam pengembangan website, antara lain:
- Membuat struktur halaman website.
- Menampilkan teks, gambar, video, dan audio.
- Membuat hyperlink atau tautan antar halaman.
- Membuat tabel dan formulir.
- Menjadi dasar penggabungan dengan CSS dan JavaScript.
Tanpa HTML, browser tidak dapat menampilkan halaman website dengan baik.
Struktur Dasar HTML
Berikut adalah struktur dasar dokumen HTML:
<!DOCTYPE html>
<html>
<head>
<title>Website Pertama Saya</title>
</head>
<body>
<h1>Selamat Datang</h1>
<p>Ini adalah website pertama saya.</p>
</body>
</html>Penjelasan:
<!DOCTYPE html>→ Menandakan bahwa dokumen menggunakan HTML5.<html>→ Elemen utama HTML.<head>→ Berisi informasi tentang halaman.<title>→ Judul halaman pada tab browser.<body>→ Isi utama halaman website.<h1>→ Heading atau judul utama.<p>→ Paragraf.
Mengenal Tag HTML
Tag HTML digunakan untuk menandai elemen tertentu pada halaman web. Sebagian besar tag memiliki pasangan pembuka dan penutup.
Contoh:
<p>Ini adalah paragraf.</p>Berikut beberapa tag HTML yang sering digunakan:
| Tag | Fungsi |
|---|---|
<h1> sampai <h6> | Membuat heading |
<p> | Membuat paragraf |
<a> | Membuat link |
<img> | Menampilkan gambar |
<table> | Membuat tabel |
<form> | Membuat formulir |
<div> | Membuat pembagian area |
Membuat Heading dan Paragraf
Heading digunakan untuk membuat judul atau subjudul.
Contoh:
<h1>Judul Utama</h1>
<h2>Sub Judul</h2>
<p>Ini adalah isi paragraf.</p>Heading membantu membuat halaman lebih rapi dan mudah dibaca.
Membuat Link pada Website
HTML memungkinkan pengguna berpindah dari satu halaman ke halaman lain menggunakan hyperlink.
Contoh:
<a href="https://google.com">Kunjungi Google</a>Atribut href digunakan untuk menentukan alamat tujuan link.
Menampilkan Gambar
Gambar dapat ditampilkan menggunakan tag <img>.
Contoh:
<img src="gambar.jpg" alt="Gambar Pemandangan" width="300">Penjelasan:
src→ Lokasi file gambar.alt→ Teks alternatif jika gambar gagal ditampilkan.width→ Ukuran lebar gambar.
Membuat Tabel
Tabel digunakan untuk menampilkan data dalam bentuk baris dan kolom.
Contoh:
<table border="1">
<tr>
<th>Nama</th>
<th>Jurusan</th>
</tr>
<tr>
<td>Andi</td>
<td>Informatika</td>
</tr>
</table>Tag yang digunakan:
<table>→ Membuat tabel.<tr>→ Baris tabel.<th>→ Judul kolom.<td>→ Isi tabel.
Membuat Formulir
Form digunakan untuk menerima input dari pengguna.
Contoh:
<form>
Nama: <input type="text"><br><br>
Password: <input type="password"><br><br>
<input type="submit" value="Login">
</form>Jenis input yang umum digunakan:
textpasswordemailradiocheckbox
Kelebihan HTML
HTML memiliki beberapa kelebihan, yaitu:
- Mudah dipelajari oleh pemula.
- Didukung semua browser.
- Gratis dan open source.
- Mudah dikombinasikan dengan CSS dan JavaScript.
- Menjadi standar utama pengembangan website.
Kekurangan HTML
Selain kelebihan, HTML juga memiliki kekurangan:
- Tidak dapat membuat fungsi kompleks tanpa bantuan JavaScript.
- Tampilan standar HTML kurang menarik tanpa CSS.
- Tidak dapat mengelola database secara langsung.
Kesimpulan
HTML merupakan dasar utama dalam pembuatan website. Dengan memahami HTML, seseorang dapat membuat struktur halaman web sederhana hingga kompleks. HTML digunakan untuk mengatur teks, gambar, link, tabel, dan formulir agar dapat ditampilkan dengan baik di browser.
Bagi mahasiswa yang ingin mempelajari pengembangan website, memahami HTML adalah langkah awal yang wajib sebelum melanjutkan ke CSS, JavaScript, dan teknologi web lainnya. Dengan latihan yang rutin, kemampuan membuat website akan semakin berkembang dan dapat digunakan untuk membuat berbagai jenis aplikasi web modern.