Bagian 1: Pengenalan HTML

Apa Itu HTML?

HTML (HyperText Markup Language) adalah bahasa dasar yang digunakan untuk membuat halaman web. HTML menyusun struktur dan konten dari halaman, seperti judul, paragraf, gambar, tautan, dan lainnya.

Catatan: HTML bukan bahasa pemrograman, melainkan bahasa markup — artinya hanya digunakan untuk menandai elemen-elemen dalam dokumen.

Struktur Dasar Dokumen HTML

Berikut adalah contoh struktur paling dasar dari halaman HTML:

<!DOCTYPE html>
    <html lang="id">
      <head>
        <meta charset="UTF-8">
        <title>Judul Halaman</title>
      </head>
      <body>
        <h1>Halo Dunia!</h1>
        <p>Ini adalah paragraf pertama saya.</p>
      </body>
    </html>

Penjelasan Elemen HTML Dasar

<!DOCTYPE html> — Mendeklarasikan bahwa ini adalah dokumen HTML5
<html> — Elemen root (induk) dari dokumen
<head> — Berisi informasi meta, judul, link CSS, dll
<body> — Isi utama halaman, yang terlihat di browser
<h1> sampai <h6> — Judul (dari besar ke kecil)
<p> — Paragraf teks

Tag Umum yang Sering Digunakan

<a> — Tautan (link)
<img> — Gambar
<ul>, <ol>, <li> — Daftar tak terurut dan terurut
<div> — Pembungkus umum
<span> — Pembungkus inline

Latihan 1: Membuat Halaman HTML Pertama

Buat file bernama latihan1.html dan isi dengan kode berikut:

<!DOCTYPE html>
    <html lang="id">
      <head>
        <meta charset="UTF-8">
        <title>Halaman Pertama Saya</title>
      </head>
      <body>
        <h1>Selamat Datang di HTML</h1>
        <p>Saya sedang belajar HTML dasar bersama pelatihan TTC.</p>
      </body>
    </html>

Buka file tersebut di browser untuk melihat hasilnya!

Latihan 1: Membuat Halaman HTML Pertama

Ketik kode HTML berikut, lalu klik tombol Jalankan untuk melihat hasilnya langsung!