HTML adalah singkatan dari HyperText Markup Language, bahasa utama untuk membuat halaman web.

Bagaimana cara membuat dokumen HTML pertama?

Gunakan teks editor seperti Notepad, tuliskan struktur dasar HTML, dan simpan dengan ekstensi .html lalu buka di browser.

Cara Membuat Dokumen HTML untuk Pemula (Panduan Lengkap)

Jika kamu baru memulai belajar HTML, artikel ini akan membimbingmu dari awal sampai paham. Kita akan membahas cara membuat dokumen HTML pertama kamu, mengenal struktur dasarnya, dan bagaimana menulis kode yang baik agar SEO-friendly dan mudah ditemukan di mesin pencari seperti Google dan Bing.

Apa Itu HTML?

HTML (HyperText Markup Language) adalah bahasa standar untuk membuat dan menampilkan halaman web. Dengan HTML, kamu bisa menentukan struktur konten, seperti paragraf, gambar, tautan, heading, dan lainnya.

Struktur Dasar Dokumen HTML

Berikut adalah struktur dasar dari sebuah dokumen HTML:

<!DOCTYPE html>

<html>

  <head>

    <title>Judul Halaman</title>

  </head>

  <body>

    <h1>Ini Heading Pertama</h1>

    <p>Ini adalah paragraf pertama.</p>

  </body>

</html>

Penjelasan Elemen Penting

<!DOCTYPE html>: Menandakan bahwa dokumen menggunakan HTML5.
<html>: Root atau akar dari dokumen HTML.
<head>: Berisi metadata, judul halaman, link ke stylesheet, dll.
<body>: Tempat semua konten yang terlihat oleh pengguna.

Tips SEO untuk Dokumen HTML

Gunakan <title> yang mengandung kata kunci utama.
Gunakan heading seperti <h1> dan <h2> secara hierarkis.
Tambahkan deskripsi meta yang menjelaskan isi artikel.
Gunakan tag <alt> pada gambar.
Gunakan internal link ke artikel lain yang relevan di blog kamu.

Contoh Dokumen HTML Lengkap

<!DOCTYPE html>

<html lang="id">

<head>

  <meta charset="UTF-8">

  <meta name="description" content="Belajar membuat dokumen HTML dasar dengan mudah dan cepat.">

  <title>Dokumen HTML Pertama Saya</title>

</head>

<body>

  <h1>Halo, Dunia!</h1>

  <p>Ini adalah dokumen HTML pertama saya.</p>

</body>

</html>

Tambahkan Gambar

Gunakan gambar dengan tag <img>. Contoh:

<img src="https://example.com/contoh-gambar.jpg" alt="Contoh Gambar HTML" />

Internal Link dan Eksternal Link

Internal Link: Belajar Paragraf HTML dengan Mudah
Eksternal Link: MDN Web Docs: HTML

Kesimpulan

Dengan memahami struktur dasar HTML, kamu bisa mulai membuat halaman web sederhana. Gunakan prinsip SEO seperti penggunaan heading, keyword yang tepat, deskripsi meta, dan internal link agar artikelmu mudah ditemukan.

Jangan lupa untuk terus berlatih dan eksplorasi dokumentasi resmi agar makin mahir.

Adi Prayitno