UNMAHA – HTML atau Hypertext Markup Language, adalah dasar dari segala sesuatu yang kita lihat di internet. Jika kamu baru mulai mengenal dunia web, mungkin kamu akan merasa bingung dengan istilah ini. Tapi, jangan khawatir! Di artikel ini, kamu akan belajar dengan cara yang mudah dan santai mengenal HTML, apa fungsinya, dan bagaimana cara kerjanya.
Kamu mungkin sering mendengar kata HTML saat browsing di internet. Setiap kali kamu membuka sebuah website, sebenarnya kamu sedang berinteraksi dengan kode HTML yang tersembunyi di balik tampilan yang kamu lihat. HTML adalah bahasa markup yang memberi tahu browser bagaimana menyusun dan menampilkan konten web, mulai dari teks, gambar, hingga video.
Mengenal Apa Itu HTML
HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman web. Kata “markup” sendiri merujuk pada cara kita memberi petunjuk atau instruksi kepada browser mengenai bagaimana suatu konten harus ditampilkan. Di dalam mengenal HTML, kita menggunakan tag yang berfungsi untuk menandai elemen-elemen berbeda di dalam sebuah halaman web.
HTML bekerja dengan cara mengelompokkan konten dalam bentuk elemen-elemen seperti teks, gambar, video, dan lainnya, yang disebut tag. Setiap elemen dalam HTML ditulis dalam format tertentu, misalnya <h1>, <p>, <img>, dan sebagainya. Dengan begini, browser bisa membaca kode HTML dan menampilkannya dengan cara yang sesuai.
Fungsi HTML dalam Website
HTML memiliki banyak fungsi yang sangat penting dalam pembuatan website. Berikut beberapa fungsinya yang perlu kamu ketahui:
1. Menyusun Struktur Halaman Web
HTML berfungsi sebagai fondasi utama untuk setiap halaman web. Dengan HTML, kamu bisa membuat struktur halaman yang jelas, seperti menambahkan heading, paragraf, gambar, tabel, dan lainnya.
2. Menampilkan Konten di Browser
HTML memberitahukan browser bagaimana konten harus ditampilkan. Misalnya, teks yang dibungkus dalam tag <h1> akan ditampilkan sebagai heading utama, sedangkan tag <p> akan menampilkan teks sebagai paragraf biasa.
3. Menambahkan Gambar dan Media Lainnya
Salah satu fungsi penting HTML adalah menambahkan gambar, video, atau file media lainnya ke dalam halaman web. Kamu hanya perlu menggunakan tag <img> untuk menampilkan gambar atau <video> untuk menambahkan video.
Bagaimana HTML Bekerja?
HTML bekerja dengan cara yang cukup sederhana namun sangat efektif. Begini proses kerjanya:
1. Browser Membaca Kode HTML
Saat kamu membuka sebuah halaman web, browser seperti Chrome, Firefox, atau Safari akan membaca kode HTML yang ada di server. Kode HTML ini adalah file yang berisi informasi tentang struktur halaman web.
2. Render Halaman Web
Setelah membaca kode HTML, browser mulai merender halaman tersebut sesuai dengan instruksi yang diberikan. HTML akan memberi tahu browser tentang elemen-elemen apa saja yang harus ditampilkan, seperti teks, gambar, dan lainnya.
3. Menampilkan Halaman Web
Setelah semua elemen diinterpretasikan, halaman web siap ditampilkan di layar kamu. Semua itu terjadi dengan bantuan HTML yang menjadi dasar dari segala hal yang kita lihat saat berselancar di dunia maya.
Baca Juga : Ketahui Jenis Animasi Sebelum Menjadi Animator Profesional
Cara Membuat Kode HTML Sederhana
Jika kamu tertarik untuk mencoba membuat halaman web sendiri, berikut adalah contoh kode HTML sederhana:
html
<!DOCTYPE html>
<html>
<head>
<title>Halaman Pertama Saya</title>
</head>
<body>
<h1>Selamat datang di Website Saya!</h1>
<p>Ini adalah halaman pertama saya yang dibuat dengan HTML.</p>
<img src=”gambar.jpg” alt=”Gambar Saya”>
</body>
</html>
Kode di atas akan menghasilkan halaman web yang berisi judul besar Selamat datang di Website Saya! dan sebuah paragraf dengan teks yang menjelaskan halaman tersebut. Kamu juga bisa menambahkan gambar dengan tag <img>.
Kembangkan Skill Programmer di UNMAHA
HTML adalah dasar dari segala konten yang ada di internet. Tanpa mengenal HTML, tidak ada cara untuk menampilkan teks, gambar, atau video di halaman web. Itu sebabnya, mempelajari HTML adalah langkah pertama yang harus dilakukan bagi siapa pun yang ingin menjadi seorang web developer atau membuat situs web sendiri.
Selain itu, HTML juga terus berkembang. Teknologi baru seperti HTML5 memperkenalkan banyak fitur menarik, seperti audio, video, dan elemen interaktif lainnya, yang membuat pengalaman web semakin menarik dan fungsional.
HTML adalah bahasa dasar yang memungkinkan kita membuat website dan menampilkan konten secara terstruktur. Dengan mengetahui pengertian, fungsi, dan cara kerjanya, kamu bisa lebih memahami bagaimana website bekerja di balik layar. Memahami HTML juga membuka jalan bagi kamu untuk belajar lebih lanjut tentang pengembangan web.
Jika kamu tertarik untuk mendalami dunia teknologi lebih dalam, kamu bisa memulai pendidikan di Universitas Maha Karya Asia. Di kampus ini, kamu bisa mempelajari berbagai ilmu teknologi terbaru dengan pengajaran yang relevan dan mendalam. Untuk informasi lebih lanjut, kunjungi website PMB Universitas Maha Karya Asia di PMB Unmaha dan temukan jurusan yang tepat sesuai minat dan bakat kamu. Jadi, tunggu apa lagi? Segera bergabung dan mulai perjalanan untuk masa depan yang lebih cerah di dunia teknologi!***
Editor: Mahfida Ustadhtaul Umma