Belajar HTML dari Nol Sampai Punya Website Sederhana Sendiri

Belajar HTML dari Nol Sampai Punya Website Sederhana Sendiri

Di era digital saat ini, memiliki website bukan lagi hal yang rumit atau hanya bisa dilakukan oleh programmer profesional. Siapa pun bisa belajar membuat website sendiri, bahkan dari nol, dengan mempelajari HTML (HyperText Markup Language).

Artikel ini akan mengajak kamu belajar HTML dari dasar hingga mampu membuat website sederhana pertamamu sendiri.

Apa Itu HTML?

HTML adalah bahasa markup yang digunakan untuk menyusun struktur halaman web. HTML berfungsi untuk menampilkan teks, gambar, tautan, video, dan berbagai elemen lainnya agar dapat dibaca oleh browser.

HTML bukan bahasa pemrograman, melainkan bahasa penanda (markup) yang memberi tahu browser bagaimana konten ditampilkan.

Alat yang Dibutuhkan untuk Belajar HTML

  • Browser (Chrome, Firefox, Edge, dll)
  • Text Editor (Notepad, VS Code, Sublime Text)
  • Kemauan belajar dan konsistensi

Tanpa koneksi internet pun kamu sudah bisa mulai membuat website sederhana.

Struktur Dasar HTML


<!DOCTYPE html>
<html>
  <head>
    <title>Website Pertamaku</title>
  </head>
  <body>
    <h1>Halo Dunia!</h1>
    <p>Ini adalah website HTML pertamaku.</p>
  </body>
</html>

Struktur ini wajib ada agar browser dapat menampilkan halaman web dengan benar.

Elemen Penting dalam HTML

Heading (Judul)


<h1>Judul Utama</h1>
<h2>Sub Judul</h2>

Paragraf


<p>Ini adalah paragraf.</p>

Gambar


<img src="gambar.jpg" alt="Contoh Gambar">

Tautan (Link)


<a href="https://google.com">Kunjungi Google</a>

List


<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

Membuat Website Sederhana


<!DOCTYPE html>
<html>
<head>
  <title>Website Sederhana</title>
</head>
<body>

  <h1>Selamat Datang</h1>
  <p>Ini adalah website sederhana hasil belajar HTML.</p>

  <h2>Tentang Saya</h2>
  <p>Saya sedang belajar membuat website dari nol.</p>

  <h2>Menu</h2>
  <ul>
    <li>Beranda</li>
    <li>Tentang</li>
    <li>Kontak</li>
  </ul>

</body>
</html>

Simpan file dengan nama index.html lalu buka menggunakan browser.

Langkah Selanjutnya

  • Belajar CSS untuk mempercantik tampilan
  • Belajar JavaScript agar website lebih interaktif
  • Upload website ke hosting
  • Pelajari SEO dasar

Penutup

Belajar HTML dari nol tidak sesulit yang dibayangkan. Dengan latihan konsisten, kamu sudah bisa memiliki website sederhana sendiri.

Kunjungi dan belajar bersama di Community Creative .

Tag: