Kantorkita.co.id – Membuat website sederhana dengan HTML adalah langkah pertama bagi siapa saja yang ingin belajar pengembangan web. Dengan memahami dasar-dasar HTML, Anda bisa membuat halaman web sendiri dan mengembangkannya dengan CSS dan JavaScript.
Artikel ini akan membahas contoh coding HTML yang mudah dipahami dan dapat langsung dicoba oleh pemula.
Mungkin Anda Butuhkan:
Aplikasi Absensi Android
Aplikasi Absensi IOS
Absensi Android
Absensi Ios
Mengapa Belajar HTML?
HTML (HyperText Markup Language) adalah bahasa dasar dalam pembuatan website. Beberapa alasan mengapa Anda perlu mempelajarinya:
- Mudah dipahami – Sintaks HTML sederhana dan mudah dipelajari.
- Pondasi utama website – Semua halaman web menggunakan HTML sebagai dasar struktur.
- Dapat dikombinasikan dengan CSS dan JavaScript – Untuk desain yang lebih menarik dan interaktif.
Struktur Dasar HTML
Sebelum membuat website sederhana, kita perlu memahami struktur dasar HTML. Berikut adalah contoh struktur HTML dasar:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website Sederhana</title>
</head>
<body>
<h1>Selamat Datang di Website Saya</h1>
<p>Ini adalah contoh website sederhana menggunakan HTML.</p>
</body>
</html>
Kode di atas adalah kerangka dasar dari sebuah halaman web.
Mungkin Anda Butuhkan:
Aplikasi Absensi
Aplikasi Absensi Online
Aplikasi Absensi Gratis
Membuat Website dengan Header, Konten, dan Footer
Berikut adalah contoh website sederhana dengan struktur header, konten, dan footer:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website Pemula</title>
<style>
body { font-family: Arial, sans-serif; text-align: center; }
header { background: #333; color: white; padding: 10px; }
section { margin: 20px; }
footer { background: #333; color: white; padding: 10px; position: fixed; bottom: 0; width: 100%; }
</style>
</head>
<body>
<header>
<h1>Website Pemula</h1>
</header>
<section>
<h2>Tentang Website Ini</h2>
<p>Website ini dibuat sebagai contoh belajar HTML.</p>
</section>
<footer>
<p>© 2025 Website Pemula</p>
</footer>
</body>
</html>
Kode ini menambahkan desain sederhana dengan CSS untuk membuat tampilan lebih menarik.
Menambahkan Gambar dan Link
Anda dapat menambahkan gambar dan link dengan kode berikut:
<img src="gambar.jpg" alt="Deskripsi Gambar" width="300">
<a href="https://www.example.com">Kunjungi Situs</a>
Mungkin Anda Butuhkan:
Aplikasi Absensi Android
Aplikasi Absensi IOS
Absensi Android
Absensi Ios
Kesimpulan
Membuat website sederhana dengan HTML sangat mudah dan merupakan langkah awal yang penting dalam belajar pengembangan web. Setelah memahami HTML, Anda bisa melanjutkan dengan mempelajari CSS dan JavaScript untuk meningkatkan tampilan dan fungsionalitas website Anda. (KantorKita.co.id/Admin)
