Cara Membuat Halaman Web Pernikahan Online dengan HTML untuk Pemula
Dipublikasikan oleh ZE COME Training Center
Pada Part 1 ini, kita akan belajar membuat halaman undangan pernikahan online sederhana hanya dengan menggunakan HTML. Panduan ini sangat cocok untuk pemula yang ingin belajar membuat website pertama kali.
Langkah 1: Persiapan Alat
Sebelum mulai membuat undangan, siapkan beberapa alat sederhana:
- Text Editor: Bisa pakai Notepad (Windows) atau Visual Studio Code (VSCode) yang bisa diunduh di https://code.visualstudio.com.
- Browser: Gunakan Google Chrome, Mozilla Firefox, atau Microsoft Edge untuk melihat hasil web.
Langkah 2: Membuat File HTML Pertama
Buat folder baru untuk project kamu, misalnya C:\Project\WeddingWebsite. Lalu buat file baru bernama index.html dan masukkan kode berikut:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Undangan Pernikahan - Andi & Siti</title>
</head>
<body>
<h1>Selamat Datang di Undangan Pernikahan Kami</h1>
<p>Halo, Anda diundang untuk menghadiri pernikahan <b>Andi & Siti</b>!</p>
</body>
</html>
Kode di atas membuat halaman HTML dasar dengan judul dan pesan undangan sederhana.
Langkah 3: Simpan dan Buka di Browser
Simpan file dengan menekan Ctrl + S. Kemudian buka folder project dan klik ganda file index.html. Browser akan menampilkan undangan sederhana.
Penjelasan Struktur HTML
<!DOCTYPE html>→ Menandakan dokumen HTML5.<html lang="id">→ Menentukan bahasa halaman = Bahasa Indonesia.<head>→ Bagian informasi halaman (judul + meta data).<title>→ Judul halaman di tab browser.<body>→ Bagian utama berisi konten.<h1>→ Judul besar halaman.<p>→ Paragraf teks.
Kesimpulan
Pada Part 1 ini, kita berhasil membuat halaman web undangan pernikahan sederhana dengan HTML. Di Part 2, kita akan menambahkan CSS agar tampilan undangan lebih cantik dan menarik.