HTML merupakan fondasi utama dari setiap website di internet. Ketika kita membuka halaman web, baik itu halaman profil sekolah, toko online, atau portal berita, semuanya dibangun menggunakan HTML sebagai struktur dasarnya.
Meskipun HTML bukan bahasa pemrograman, tetapi HTML sangat penting karena memberikan bentuk, kerangka, dan susunan isi website.
Apa itu HTML?
HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat struktur halaman web.
HTML bekerja menggunakan elemen atau tag untuk menandai bagian-bagian tertentu dalam dokumen, seperti paragraf, gambar, judul, dan tautan.
Fungsi
- Menyusun struktur halaman web (judul, paragraf, gambar, tabel, daftar, dll).
- Menampilkan konten agar bisa dibaca oleh browser.
- Menentukan tata letak dasar sebelum diatur lebih lanjut oleh CSS.
- Menghubungkan halaman satu dengan lainnya menggunakan hyperlink.
- Menjadi wadah bagi CSS dan JavaScript dalam pengembangan web.
Struktur Dasar
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Halo Dunia!</h1>
<p>Ini adalah paragraf pertama dalam halaman HTML.</p>
</body>
</html>
Ket:
- <!DOCTYPE html> → menandakan bahwa dokumen menggunakan HTML5.
- <html> → elemen utama yang membungkus seluruh isi website.
- <head> → berisi informasi tentang halaman, seperti judul.
- <title> → teks yang muncul sebagai judul tab browser.
- <body> → berisi konten yang tampil di halaman website.
Tag-Tag Dasar HTML
1. Heading (Judul)
<h1>Judul Utama</h1>
<h2>Subjudul</h2>
2. Paragraf
<p>Ini adalah sebuah paragraf.</p>
3. Gambar
<img src="gambar.jpg" alt="Deskripsi Gambar">
4. Tautan (link)
<a href="https://example.com">Kunjungi Website</a>
5. Tabel
<table border="1">
<tr>
<th>Nama</th>
<th>Kelas</th>
</tr>
<tr>
<td>Alzen</td>
<td>XII TKJ</td>
</tr>
</table>
HTML adalah dasar dari semua halaman web. Dengan memahami struktur dan tag-tag HTML, siswa TKJ dapat mulai membuat website sederhana hingga kompleks. HTML juga merupakan langkah awal sebelum mempelajari CSS, JavaScript, dan materi desain web lainnya.
