Dalam pembuatan website, langkah pertama yang harus dikuasai adalah HTML (HyperText Markup Language).
HTML merupakan dasar dari semua halaman web yang ada di internet. Tanpa HTML, tidak akan ada struktur atau tampilan yang bisa dibaca oleh browser seperti Google Chrome, Mozilla Firefox, atau Microsoft Edge.
Melalui HTML, kita bisa menentukan di mana letak teks, gambar, tautan, dan elemen-elemen lain pada sebuah halaman web.
PENGERTIAN HTML
HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat dan menyusun struktur halaman web.
HTML tidak termasuk bahasa pemrograman, karena hanya berfungsi untuk menandai (markup) bagian-bagian dokumen agar dapat dikenali oleh browser.
FUNGSI HTML
Berikut beberapa fungsi utama HTML:
- Membuat struktur halaman web, seperti judul, paragraf, tabel, gambar, dan tautan.
- Menentukan hierarki konten, agar tampilan web teratur.
- Menghubungkan halaman web lain melalui hyperlink.
- Menjadi dasar bagi CSS dan JavaScript untuk mempercantik tampilan dan menambah interaktivitas.
STRUKTUR DASAR HTML
Struktur utama file HTML biasanya terdiri dari beberapa elemen berikut:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Ini Judul Utama</h1>
<p>Ini adalah paragraf pertama di halaman web saya.</p>
</body>
</html>
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>Profil Sekolah MAN 2 Cianjur</title>
</head>
<body>
<h1>Selamat Datang di Website MAN 2 Cianjur</h1>
<p>Madrasah Aliyah Negeri 2 Cianjur merupakan lembaga pendidikan yang berkomitmen dalam membentuk generasi berakhlak dan berprestasi.</p>
<h2>Program Unggulan:</h2>
<ul>
<li>Teknologi Komputer dan Jaringan (TKJ)</li>
<li>Ilmu Pengetahuan Alam (IPA)</li>
<li>Ilmu Pengetahuan Sosial (IPS)</li>
</ul>
<p>Kunjungi situs resmi kami di <a href="https://man2cianjur.sch.id">man2cianjur.sch.id</a></p>
</body>
</html>
Hasilnya tampilan web akan menampilkan judul besar “Selamat Datang di Website MAN 2 Cianjur”, paragraf deskripsi, daftar program unggulan, dan satu tautan menuju situs resmi sekolah.
HTML adalah pondasi utama dalam pembuatan website. Dengan menguasai dasar HTML, sebagai siswa TKJ dapat memahami bagaimana struktur halaman web dibentuk dan siap mengembangkan kemampuan desain web ke tahap berikutnya, seperti CSS dan JavaScript.
