01. Pengenalan HTML | ✓ FR-ACADEMY Kursus Komputer Lampung

1.1 Apa Itu HTML?

HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat dan menyusun halaman web. HTML memungkinkan pengembang untuk mengatur struktur konten web menggunakan berbagai elemen dan tag yang menentukan bagaimana teks, gambar, video, dan elemen lainnya ditampilkan di browser.

HTML bukanlah bahasa pemrograman, melainkan bahasa markup yang berfungsi untuk menentukan tata letak dan struktur suatu dokumen. HTML bekerja dengan cara menandai bagian-bagian tertentu dalam dokumen menggunakan “tag”, yang masing-masing memiliki fungsi khusus.

Contoh sederhana kode HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Halaman Pertama Saya</title>
</head>
<body>
    <h1>Selamat Datang di Website Saya</h1>
    <p>Ini adalah paragraf pertama saya di HTML.</p>
</body>
</html>

Kode di atas adalah dasar dari sebuah halaman HTML yang menampilkan teks “Selamat Datang di Website Saya” dan satu paragraf teks.

1.2 Sejarah dan Perkembangan HTML

HTML pertama kali dikembangkan oleh Tim Berners-Lee pada tahun 1991 sebagai cara untuk menghubungkan dan menyusun informasi di internet.

Versi HTML dari Masa ke Masa

HTML 1.0 (1991)
- Versi pertama yang sangat sederhana, hanya mendukung teks dan hyperlink.
HTML 2.0 (1995)
- Menambahkan fitur form (formulir), tabel, dan dukungan gambar.
HTML 3.2 (1997)
- Menambahkan elemen scripting, yang memungkinkan integrasi dengan JavaScript.
HTML 4.01 (1999)
- Memperkenalkan elemen CSS untuk memisahkan desain dari struktur konten.
XHTML (2000)
- Versi lebih ketat dari HTML, berbasis XML agar lebih terstruktur.
HTML5 (2014 – Sekarang)
- Versi modern yang mendukung multimedia, API, elemen semantik, dan kompatibilitas lintas perangkat.

Dengan perkembangan HTML5, kini kita bisa membuat website yang lebih interaktif dan responsif tanpa perlu bergantung pada plugin eksternal seperti Flash.

1.3 Kegunaan dan Peran HTML dalam Web

HTML memiliki beberapa kegunaan utama dalam pengembangan web, di antaranya:

Membentuk Struktur Halaman Web
- HTML berfungsi sebagai kerangka dasar dari sebuah website, yang memungkinkan pengembang menyusun elemen-elemen seperti header, paragraf, gambar, tabel, dan lain-lain.
Menyajikan Konten
- Dengan HTML, kita bisa menampilkan berbagai jenis konten seperti teks, gambar, audio, video, dan dokumen lainnya di dalam halaman web.
Mendukung Navigasi Antar Halaman
- HTML menyediakan elemen hyperlink (<a>) yang memungkinkan pengguna berpindah dari satu halaman ke halaman lain dengan mudah.
Integrasi dengan Teknologi Lain
- HTML bekerja bersama dengan CSS (untuk desain) dan JavaScript (untuk interaktivitas) guna menciptakan pengalaman pengguna yang lebih baik.
SEO (Search Engine Optimization)
- HTML memungkinkan optimasi konten web agar lebih mudah ditemukan oleh mesin pencari seperti Google melalui penggunaan elemen seperti <title>, <meta>, <header>, dan <alt> pada gambar.

1.4 Struktur Dasar Dokumen HTML

Sebuah dokumen HTML memiliki struktur dasar sebagai berikut:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Judul Halaman</title>
</head>
<body>
    <h1>Judul Utama</h1>
    <p>Ini adalah contoh paragraf dalam HTML.</p>
</body>
</html>

Penjelasan Elemen dalam Struktur HTML

<!DOCTYPE html> → Menentukan bahwa dokumen menggunakan HTML5.
<html> → Elemen utama yang membungkus seluruh halaman web.
<head> → Bagian yang berisi informasi tentang dokumen (meta data, judul, dan referensi file eksternal seperti CSS/JavaScript).
<meta charset="UTF-8"> → Menentukan karakter encoding agar mendukung berbagai karakter internasional.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> → Membantu tampilan web agar responsif di berbagai perangkat.
<title> → Menentukan judul halaman yang muncul di tab browser.
<body> → Bagian utama yang berisi konten yang akan ditampilkan di browser.
<h1> → Elemen heading untuk judul utama halaman.
<p> → Elemen paragraf untuk menampilkan teks biasa.

Dengan memahami struktur dasar ini, kita dapat mulai membangun halaman web yang lebih kompleks dengan kombinasi elemen lainnya.

Kesimpulan

HTML adalah fondasi utama dalam pembuatan website yang memungkinkan kita untuk menyusun konten dengan struktur yang rapi. Dengan memahami sejarah, peran, dan struktur dasar HTML, kita dapat membangun halaman web dengan lebih efektif dan efisien.

Pada bab berikutnya, kita akan mempelajari lebih dalam tentang elemen dan tag HTML yang digunakan untuk menyusun halaman web secara lebih terstruktur dan menarik.

Jumlah Pembaca 129