Skip to content

HTML Intro

Mengenal HTML: Dasar dari Sebuah Halaman Web

Section titled “Mengenal HTML: Dasar dari Sebuah Halaman Web”

HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat dan menyusun halaman web. HTML bekerja dengan cara memberi struktur pada konten di internet, seperti teks, gambar, tautan, dan elemen-elemen lainnya yang bisa dilihat di halaman sebuah website.


HTML digunakan untuk:

  • Menyusun struktur halaman web
  • Menampilkan teks, gambar, video, dan link
  • Menghubungkan antar halaman melalui hyperlink
  • Menyediakan kerangka dasar sebelum ditambahkan desain (CSS) dan interaktivitas (JavaScript)

Berikut adalah contoh struktur HTML paling dasar:

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Selamat Datang di kuliahcoding.com</h1>
<p>Ini adalah paragraf pertama saya dalam HTML.</p>
</body>
</html>

Hasilnya: html-intro

Penjelasan singkat:

  • <!DOCTYPE html>: Menandakan bahwa ini adalah dokumen HTML5.
  • <html>: Elemen utama yang membungkus seluruh isi halaman.
  • <head>: Bagian yang berisi informasi meta, judul, dan link ke file eksternal seperti CSS.
  • <title>: Judul halaman yang muncul di tab browser.
  • <body>: Bagian utama yang menampilkan konten ke pengguna.

Beberapa elemen HTML yang sering digunakan:

  • <h1> sampai <h6>: Judul (heading) dari yang terbesar ke terkecil
  • <p>: Paragraf
  • <a>: Link/tautan
  • <img>: Gambar
  • <ul>, <ol>, <li>: List (daftar)
  • <div> dan <span>: Elemen pembungkus untuk pengelompokan konten

HTML adalah fondasi dari semua halaman web. Jika kamu ingin menjadi:

  • Web Developer
  • Front-End Developer
  • UI/UX Designer
  • Atau bahkan ingin membuat blog/website sendiri

Maka belajar HTML adalah langkah awal yang wajib dikuasai.


HTML adalah bahasa markup yang sangat penting dan menjadi pondasi dari semua website. Dengan menguasai HTML, kamu bisa mulai membangun halaman web yang rapi, terstruktur, dan siap dikembangkan lebih lanjut dengan CSS dan JavaScript.