Mengenal HTML: Pondasi Utama dalam Dunia Website

 

Aku memulai hari dengan bangun tidur pada pukul 05.30 pagi. Udara masih terasa segar, dan suasana di sekitar rumah masih cukup sepi. Setelah membuka mata, aku mencoba mengumpulkan semangat agar hari itu bisa berjalan dengan lancar. Aktivitas PKL di ISTN selalu menuntut kedisiplinan, sehingga aku harus memulai hari dengan tepat waktu.

Setelah bangun, kegiatan selanjutnya adalah menunaikan sholat subuh. Dengan sholat, hati terasa lebih tenang dan pikiranku menjadi lebih jernih. Doa-doa yang kupanjatkan membuatku semakin yakin bahwa semua aktivitas hari ini akan berjalan lancar. Sholat menjadi rutinitas penting yang selalu mendampingi langkahku sebelum menjalani kesibukan.

Usai sholat, aku langsung mandi pagi. Air yang segar membuat tubuh kembali bertenaga, rasa kantuk pun hilang. Setelah mandi, aku berpakaian rapi agar terlihat sopan ketika tiba di ISTN. Kerapihan dalam berpakaian juga menjadi bagian dari sikap profesional yang harus dijaga selama menjalani PKL.

Sekitar pukul 07.00 aku bersiap untuk berangkat menuju ISTN. Perjalanan menuju kampus terasa menyenangkan karena aku selalu menanamkan semangat belajar dalam diriku. Meski terkadang jalanan ramai, hal itu tidak menyurutkan niatku untuk tetap datang tepat waktu. Aku percaya bahwa ketepatan waktu merupakan salah satu sikap disiplin yang penting di dunia kerja.

Setibanya di ISTN, kegiatan pertama yang kulakukan adalah melaksanakan piket bersama teman-teman. Piket biasanya berupa membersihkan ruangan, menyapu lantai, merapikan meja, serta memastikan lingkungan kerja nyaman untuk digunakan. Walaupun sederhana, piket melatih rasa tanggung jawab dan kerja sama antaranggota kelompok.

Setelah piket selesai, aku melanjutkan aktivitas PKL sesuai jadwal yang diberikan pembimbing. Setiap hari selalu ada pengalaman baru, baik itu mengerjakan tugas, mempelajari hal teknis, maupun bekerja sama dengan tim. Semua kegiatan tersebut membuatku semakin terbiasa dengan suasana kerja yang sebenarnya, sekaligus memberikan bekal berharga untuk masa depan.

Apa itu HTML?

HTML (HyperText Markup Language) adalah sebuah bahasa markup standar yang digunakan untuk membangun struktur dasar halaman web. Istilah HyperText merujuk pada teks yang memiliki tautan ke halaman lain atau bagian lain dalam dokumen, sedangkan Markup Language berarti bahasa yang menggunakan tanda atau simbol khusus (disebut tag) untuk memberikan instruksi kepada browser tentang bagaimana suatu konten harus ditampilkan.

HTML bukan bahasa pemrograman, melainkan bahasa yang memberikan "kerangka" bagi sebuah website. Sama seperti kerangka rumah yang memberi bentuk dan susunan ruang, HTML memberikan struktur pada konten web. Tanpa HTML, browser tidak akan tahu bagaimana menampilkan teks, gambar, video, atau elemen lain di dalam halaman.

Fungsi HTML

HTML memiliki banyak fungsi penting dalam dunia web, di antaranya:

• Membangun struktur halaman web
  HTML digunakan untuk membuat kerangka dasar halaman web. Misalnya menentukan bagian judul, paragraf, heading, tabel, daftar, hingga pembagian layout.

• Mengatur konten teks dan media
  HTML memungkinkan kita untuk menampilkan teks, gambar, audio, maupun video di halaman web agar bisa diakses oleh pengguna.

• Membuat tautan (hyperlink)
  Salah satu kekuatan utama HTML adalah kemampuannya membuat tautan. Dengan hyperlink, satu halaman bisa terhubung dengan halaman lain di dalam situs yang sama maupun situs berbeda.

• Integrasi dengan teknologi lain
  HTML berfungsi sebagai dasar yang dikombinasikan dengan CSS untuk mempercantik tampilan dan JavaScript untuk membuat halaman interaktif. Jadi, HTML adalah pondasi awal sebelum diberikan desain dan fungsi tambahan.

• Menjadi bahasa standar web
  Karena HTML diakui sebagai standar internasional (dikelola oleh W3C), maka semua browser dapat memahami instruksi yang diberikan melalui HTML dengan cara yang sama.

Manfaat HTML

Penggunaan HTML memberikan banyak manfaat, terutama bagi pembuat website maupun pengguna internet. Beberapa manfaatnya adalah:

• Mudah dipelajari
  HTML memiliki struktur yang sederhana dan mudah dipahami, bahkan oleh pemula yang baru belajar pemrograman web.

• Gratis dan universal
  HTML tidak membutuhkan lisensi khusus untuk digunakan. Semua orang bisa membuat halaman web dengan HTML karena sifatnya open standard.

• Mendukung pengembangan web modern
  HTML dapat dipadukan dengan CSS, JavaScript, serta berbagai framework atau library modern. Inilah yang membuat HTML tetap relevan hingga sekarang meski sudah digunakan sejak 1990-an.

• Fleksibel untuk berbagai kebutuhan
  Dari membuat blog sederhana, portofolio pribadi, hingga aplikasi web kompleks, semuanya tetap berawal dari struktur HTML.

• Kompatibel lintas perangkat
  Halaman HTML dapat diakses melalui berbagai perangkat, baik itu komputer, laptop, tablet, maupun smartphone, selama ada browser.

• Menjadi dasar pembelajaran web
  HTML adalah fondasi awal bagi siapa saja yang ingin berkarier di bidang web development. Tanpa memahami HTML, akan sulit untuk mempelajari teknologi web lanjutan.

Contoh pemrograman HTML

<!DOCTYPE html>

<html lang="id">

<head>

  <meta charset="UTF-8">

  <title>Contoh Halaman HTML</title>

</head>

<body>

  <h1>Selamat Datang di Website Saya</h1>

  <p>Ini adalah paragraf pertama yang dibuat dengan HTML.</p>

  

  <h2>Daftar Hobi Saya</h2>

  <ul>

    <li>Membaca</li>

    <li>Menulis</li>

    <li>Belajar Coding</li>

  </ul>

  <h2>Gambar Favorit</h2>

  <img src="https://via.placeholder.com/200" alt="Contoh Gambar">

  <h2>Link Tautan</h2>

  <p>Kunjungi <a href="https://www.google.com" target="_blank">Google</a> untuk mencari informasi.</p>

</body>

</html>

Penjelasan Bagian Kodenya

• <!DOCTYPE html> → Memberitahu browser bahwa ini adalah dokumen HTML5.

• <html lang="id"> ... </html> → Bagian utama dari halaman web, dengan atribut lang="id" yang menunjukkan bahasa Indonesia.

• <head> ... </head> → Bagian kepala dokumen, berisi informasi seperti judul (<title>) dan pengaturan karakter (<meta>).

• <body> ... </body> → Bagian isi halaman, yang ditampilkan ke layar pengguna.

Di dalam <body>, terdapat beberapa elemen penting:

• <h1> dan <h2> → Heading atau judul dengan tingkat yang berbeda.

• <p> → Paragraf untuk menampilkan teks.

• <ul> dan <li> → Membuat daftar tidak berurutan (unordered list) dengan poin.

• <img> → Menampilkan gambar dari URL dengan atribut src (alamat gambar) dan alt (teks alternatif).

• <a> → Membuat hyperlink. Atribut href berisi alamat tujuan, sedangkan target="_blank" membuat link terbuka di tab baru.

Kesimpulan

HTML adalah pondasi utama dalam pembangunan sebuah website. Dengan HTML, sebuah halaman web dapat terbentuk karena struktur konten ditentukan melalui tag-tag yang ada di dalamnya. Fungsinya sangat penting, mulai dari membangun kerangka halaman, menyematkan teks dan media, hingga membuat tautan antarhalaman.

Manfaat HTML tidak hanya memudahkan pembuatan website, tetapi juga membuka jalan bagi integrasi teknologi web lain yang lebih kompleks. HTML bersifat mudah dipelajari, gratis, dan diakui sebagai standar internasional, sehingga dapat digunakan oleh siapa saja.

Secara singkat, HTML dapat dianggap sebagai “bahasa ibu” dalam dunia web. Semua teknologi web modern tetap bertumpu pada HTML sebagai fondasi dasar. Karena itu, mempelajari HTML adalah langkah pertama yang wajib ditempuh bagi siapa saja yang ingin terjun ke dunia web development.