Contoh Program sederhana dari HTML
berikut adalah contoh kode program HTML sederhana yang umum digunakan untuk membuat halaman web dasar.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Halaman Web Sederhana</title>
<style>
/* Gaya CSS dapat ditambahkan di sini */
body {
font-family: Arial, sans-serif;
margin: 20px;
padding: 20px;
}
h1 {
color: #333;
}
p {
color: #666;
}
</style>
</head>
<body>
<header>
<h1>Selamat Datang di Halaman Web Sederhana</h1>
</header>
<nav>
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">Tentang Kami</a></li>
<li><a href="#">Kontak</a></li>
</ul>
</nav>
<section>
<h2>Artikel Terbaru</h2>
<article>
<h3>Judul Artikel Pertama</h3>
<p>Ini adalah paragraf artikel pertama.</p>
</article>
<article>
<h3>Judul Artikel Kedua</h3>
<p>Ini adalah paragraf artikel kedua.</p>
</article>
</section>
<aside>
<h2>Widget</h2>
<p>Ini adalah area samping untuk widget atau informasi tambahan.</p>
</aside>
<footer>
<p>Hak Cipta © 2023 Halaman Web Sederhana</p>
</footer>
</body>
</html>
Penjelasan singkat mengenai kode di atas:<head>: Bagian ini mengandung informasi terkait halaman, seperti judul, charset, dan viewport.
<body>: Ini adalah bagian utama yang berisi konten yang akan ditampilkan di halaman web.
<style>: Ini adalah bagian CSS internal yang menentukan gaya halaman.
<header>, <nav>, <section>, <article>, <aside>, <footer>: Ini adalah elemen HTML5 untuk membantu struktur halaman web.
<ul>, <li>, <a>: Elemen untuk membuat navigasi sederhana.
Kode CSS di dalam <style> digunakan untuk memberikan beberapa gaya sederhana pada halaman web.
Anda dapat menyesuaikan dan memodifikasi kode tersebut sesuai kebutuhan dan gaya desain yang diinginkan.