in Blog

HTML (HyperText Markup Language)

by meysyarah809@gmail.com · 26 August 2025

🌐 Apa Itu HTML?

HTML (HyperText Markup Language) adalah bahasa markup standar untuk membuat dan menyusun halaman web.
HTML memberi struktur pada konten, seperti paragraf, gambar, tautan, video, dan lainnya.

HTML bukan bahasa pemrograman, tapi bahasa yang digunakan untuk β€œmenandai” elemen-elemen pada halaman web.

🧱 Fungsi HTML

  1. Membuat struktur dasar halaman web
  2. Menampilkan konten seperti teks, gambar, video, tabel, dan lainnya
  3. Membuat hyperlink antar halaman (membentuk β€œjaringan” web)
  4. Bekerja sama dengan CSS dan JavaScript untuk membentuk website yang menarik dan interaktif

🧩 Struktur Dasar HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman</title>
  </head>
  <body>
    <h1>Halo Dunia!</h1>
    <p>Ini adalah paragraf pertama saya.</p>
  </body>
</html>

Penjelasan:

  • <!DOCTYPE html> β†’ Menandakan dokumen HTML5
  • <html> β†’ Elemen utama seluruh dokumen
  • <head> β†’ Bagian informasi (meta, judul, link CSS)
  • <body> β†’ Bagian yang dilihat pengguna di browser

πŸ“¦ Elemen-Elemen Penting HTML:

TagFungsi
<h1><h6>Heading (judul dari besar ke kecil)
<p>Paragraf
<a>Hyperlink (tautan)
<img>Menampilkan gambar
<ul>, <ol>, <li>Daftar tidak/berurutan
<table>, <tr>, <td>Tabel dan isinya
<div>Pembungkus konten
<span>Membungkus teks inline
<form>Form input pengguna

🎨 HTML + CSS + JavaScript

HTML sering digunakan bersama:

  • CSS: Untuk mempercantik tampilan (warna, layout, animasi)
  • JavaScript: Untuk menambahkan fungsi interaktif (klik, input, dll.)

🌐 Kenapa Harus Belajar HTML?

  • Dasar semua website
  • Mudah dipelajari untuk pemula
  • Fondasi penting sebelum belajar frontend atau full-stack web development
  • Dibutuhkan untuk membuat blog, portfolio, dan aplikasi web

πŸ’‘ Fakta Menarik:

  • HTML pertama kali dikembangkan oleh Tim Berners-Lee pada tahun 1991
  • Versi terbaru adalah HTML5 dengan dukungan video, audio, dan grafis (canvas & SVG)

πŸš€ Kesimpulan

HTML adalah pondasi dari setiap halaman web. Tanpa HTML, tidak ada struktur konten di internet. Meski sederhana, HTML sangat penting untuk dipahami oleh siapa saja yang ingin terjun ke dunia web development.

You may also like